BannerFans.com

Stay Connected Stylish Rss Feed And Social Gadget For Blogger

9:43 AM |


Adding the gadget is easy and i will show you how to add it to your blogs sidebar or footer.I will also show you how to add it below all your posts, when someone reaches the end of a post if they like it they will often subscribe.The icons along with thousands more can be found on Social Icon Studio.

Screenshot :


Add Stylish Subscribe Section To Your Blog


Add Gadget To Blog Sidebar Or Footer


Step 1. In your Blogger dashboard click Design > Add A Gadget > Choose Html/Javascript.





Step 2. Copy and paste the code below into the Html/Javascript gadget :

<table border="0"><tbody>
<tr>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHD2xSz5oFFGTOivgNPJjHgDfrEaEewu6VmaWnXWmcAWFoMU00Zj0-VBWasPc99hyphenhyphenH4HHmDBdnepB9LKsHmQdtHts1ErJ7ZJl0dFjWrirhPs2LFoAeJ0_6rQzUmAddIkBZNyO1PC6U03Lx/s1600/stay+connected.png" /></td><td>
<a target="_blank" href="
FEED-URL-HERE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPqzgCfRm80OKs7vngnti9ZSpKkC2vNfXKXKxlunjn7lJcv42uLbCM57dkN6xce8xtFGlCd0PE2oNPwYato1HrYEgteY_x5LgzZJzyNUZmjOjbDk4Pa8LvwDJbHpPD0aCOC5uHwxSOUyI/s1600/connect-rss-feed.png" /></a></td><td>
<a target="_blank" href="
TWITTER-URL-HERE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgagX2Zj37LetvUkFlJ27JXzgXKwHGOM_iTDZAEPiy47PcZUEqRMDimmDkapXOQdpGMGZFg4Nz5tYvq44SREByOOMaRyGg5PL1tJfTs6Xii8oU_HsF20lgzoM7uc9zNM6MNe8OdrULfERc/s1600/connect-twitter-follow.png" /></a></td><td>
<a target="_blank" href="
FACEBOOK-URL-HERE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ-vo_baDwHhGM61IOTuh29sKwXGUQabdpWu0oQ-0VBIn6A5u3ibsu2vlC4EdIKAUXWBE0HWQ3sLpnsZ2tHCHgCL-WEfXGxPiktiv6e-FIF_lmLmUWv6vVp9EpOp1CxjDA2CUaKxlCaso/s1600/connect-facebook-follow.png" /></a></td></tr>
</tbody></table>
<a href="http://www.spiceupyourblog.com/"><img alt="Best Blogger Tips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAH6CBD-AUjFNI-vLZwNgx-R5oKymOEbxMpRKUDY_tGPIrjCQB_Y-NuBAIq44oWLLOhs0GqbQlrMI1QBj64vvS8fxl5Uj85_hYSYszmiDx3fKku6yvgZNrOTluqeT5VAq6YH7BjhwbZ6sV/s1600/best+blogger+tips.png" /></a>

Important - You must add your Rss, Twitter and Facebook URLs.

Replace the text in red with the relevant URL.

Optional - If you have a narrow sidebar and just want the icons without the Stay Connected message remove the code highlighted in yellow. 

Step 3. Save the gadget and drag and drop into the desired position.
Add Below All Blog Posts

Step 1. In Your Blogger Dashboard Click Design > Edit Html > Tick The Expand Widget Templates Box.





Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code):

<data:post.body/>

Step 3. Copy and Paste the following code directly Below / Under <data:post.body/>

<table border="0"><tbody>
<tr>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHD2xSz5oFFGTOivgNPJjHgDfrEaEewu6VmaWnXWmcAWFoMU00Zj0-VBWasPc99hyphenhyphenH4HHmDBdnepB9LKsHmQdtHts1ErJ7ZJl0dFjWrirhPs2LFoAeJ0_6rQzUmAddIkBZNyO1PC6U03Lx/s1600/stay+connected.png" /></td><td>
<a href="
FEED-URL-HERE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPqzgCfRm80OKs7vngnti9ZSpKkC2vNfXKXKxlunjn7lJcv42uLbCM57dkN6xce8xtFGlCd0PE2oNPwYato1HrYEgteY_x5LgzZJzyNUZmjOjbDk4Pa8LvwDJbHpPD0aCOC5uHwxSOUyI/s1600/connect-rss-feed.png" /></a></td><td>
<a href="
TWITTER-URL-HERE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgagX2Zj37LetvUkFlJ27JXzgXKwHGOM_iTDZAEPiy47PcZUEqRMDimmDkapXOQdpGMGZFg4Nz5tYvq44SREByOOMaRyGg5PL1tJfTs6Xii8oU_HsF20lgzoM7uc9zNM6MNe8OdrULfERc/s1600/connect-twitter-follow.png" /></a></td><td>
<a href="
FACEBOOK-URL-HERE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ-vo_baDwHhGM61IOTuh29sKwXGUQabdpWu0oQ-0VBIn6A5u3ibsu2vlC4EdIKAUXWBE0HWQ3sLpnsZ2tHCHgCL-WEfXGxPiktiv6e-FIF_lmLmUWv6vVp9EpOp1CxjDA2CUaKxlCaso/s1600/connect-facebook-follow.png" /></a></td></tr>
</tbody></table>
<a href="http://www.spiceupyourblog.com/"><img alt="Best Blogger Tips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAH6CBD-AUjFNI-vLZwNgx-R5oKymOEbxMpRKUDY_tGPIrjCQB_Y-NuBAIq44oWLLOhs0GqbQlrMI1QBj64vvS8fxl5Uj85_hYSYszmiDx3fKku6yvgZNrOTluqeT5VAq6YH7BjhwbZ6sV/s1600/best+blogger+tips.png" /></a>

Important - You must add your Rss, Twitter and Facebook URLs.

Replace the text in red with the relevant URL.

Optional - If you have a narrow sidebar and just want the icons without the Stay Connected message remove the code highlighted in yellow.

Step 4. Save your template and your new subscribe options are below all your posts.

Check out more of our Best Blog Gadgets.
IconIconIconIconFollow Me on PinterestYouTube
 
Gadgets By For Bloggers