How to add beautiful subscribe widget to blogger

By this useful and power article you teach that how to add Special Subscription section to free blow blogger easily. This is great and easy way to engage your visitors and readers to share your content and also you can drive more traffic to your blogger blog. Are ready to share your contents follow the following instructions with carefully and also you can add easily blogger subscribe button, chicklet creator feed subscription button maker, javascript share button, youtube subscribe button,  bookmark button etc.

1. Login to Blogger, then go to Dashboard –> Layout --> Edit HTML.

2. Find the tag </head>

3. Copy the code you find below and paste it just before the above tag.

<style type='text/css'> #hsection{border:4px solid #D3D3D3;background-color:#e9e9e9;} #hsection:hover{border:4px solid #BABABA;background-color:#e9e9e9;} #sectionmy .sectionmy2 h2.subscription { border:0; margin:0; padding:6px 0 0 55px; height:42px; font-size:16px;font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-weight:bold; } #sectionmy .sectionmy2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSlffrrXxAN_LSE14-19iEHFiC_-9pRTfgvWxyIIxWJTC704_fVwYoMvRzUu99bhD75nvNSmhTxLTWjEjEiLFIqHMbL2wyV2CZfV0Asept3KN3qG28AM-jXZI_mdRr3kx1g6k_ywcqkisZ/) no-repeat top left; } #sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC0x0yV8fxn5fIaz03p7x2Om2OMw0zqCWYGQwBwohxcORFWnqdxLO6N12VosOXDdb7EteoG6SGD9Bm-B3ABtP2oGyNAV7R6RCgGi__4kqE9DAOEkzrgn3W1ZwD1CncLrSclZUT98jaNtY8/) no-repeat top left; } #sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwOQB1_RkL3-Pl3cWLdIGMUNauTxXPs0RZcb7_FfajJTQeXtcCkso9qfXslO7LBiEbzg80TQSjW8B56mgS_AxbPsXUTp-EFMrylimI0EuxjvQprQCui3lPoEoVYHks8FFCo99Ox3QZIHr6/) no-repeat top left; } #sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; } </style>

4. Now go to Layout --> Page Elements and click on "Add a gadget".

5. Select "HTML/JavaScript" and add the code given below, then click save.

<div id="hsection"><div id="sectionmy"><div class="sectionmy2"> <br /> <h2 class="subscription rss"><a href="YOUR-RSS-FEED-URL">SUBSCRIBE VIA RSS</a></h2> <br /> <h2 class="subscription email"><a href="YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL">SUBSCRIBE VIA EMAIL</a></h2> <br /> <h2 class="subscription twitter"><a href="YOUR-TWITTER-URL">FOLLOW ON TWITTER</a></h2> <br /> </div></div></div>

Note: Please replace "Your RSS Feed URL, Your Feedburner Email Subscription , Your Twittor with your URLs.

Look at the following box as a example:

<div id="hsection"><div id="sectionmy"><div class="sectionmy2"> <br /> <h2 class="subscription rss"><a href="http://feeds2.feedburner.com/blogspot/WyNa">SUBSCRIBE VIA RSS</a></h2> <br /> <h2 class="subscription email"><a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/WyNa&loc=en_US">SUBSCRIBE VIA EMAIL</a></h2> <br /> <h2 class="subscription twitter"><a href="http://www.twitter.com/ebloggertricks">FOLLOW ON TWITTER</a></h2> <br /> </div></div></div>

I hope the above article will be very useful for new blog owners and if you like it please leave your comments.