rss feed and social gadget

Stay Connected Stylish Rss Feed And Social Gadget For Blogger

In a previous post i published 5 Full Subscribe Sections with Email Rss Form, Social Icons and Feedburner Subscriber count. In this post i will show you a much more simple way to display the Subscription options for your blog. The gadget has Three icons for your Rss FeedTwitter Profile and Facebook Page proceeded by a handwriting Follow message with arrow. The icons are the standard design but with a caption, so along with the follow arrow this will be an eye catching addition to your blog.

feed-follow-like

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 :

stay-connected-section

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.

design (1)
add a gadget (4)
htmljavascript (4)

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

<table border="0"><tbody>
<tr><td><img src="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TM9g9IUnPEI/AAAAAAAAB_4/vL57WmouxO8/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="http://1.bp.blogspot.com/_rKG-ziTSNUQ/TUioxHuEqUI/AAAAAAAACzw/sDjXq2r-LEo/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="http://2.bp.blogspot.com/_rKG-ziTSNUQ/TUiowIW-2bI/AAAAAAAACzo/PgDZVQrh7c8/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="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TUiowob8qHI/AAAAAAAACzs/Fsw_CkgSTSQ/s1600/connect-facebook-follow.png" /></a></td></tr>
</tbody></table>
<a href="http://www.spiceupyourblog.com/"><img alt="Best Blogger Tips" src="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/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.

design (7)
edit html (2)
expand widget templates (2)

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 – More Info)

<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="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TM9g9IUnPEI/AAAAAAAAB_4/vL57WmouxO8/s1600/stay+connected.png" /></td><td>
<a href="FEED-URL-HERE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_rKG-ziTSNUQ/TUioxHuEqUI/AAAAAAAACzw/sDjXq2r-LEo/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="http://2.bp.blogspot.com/_rKG-ziTSNUQ/TUiowIW-2bI/AAAAAAAACzo/PgDZVQrh7c8/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="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TUiowob8qHI/AAAAAAAACzs/Fsw_CkgSTSQ/s1600/connect-facebook-follow.png" /></a></td></tr>
</tbody></table>
<a href="http://www.spiceupyourblog.com/"><img alt="Best Blogger Tips" src="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/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 and Best Social Media Tips.

Drop You Comments, Views And Questions Below.

What My Robot Recommends:

Stay Connected Stylish Rss Feed And Social Gadget For Blogger
Informative
78
Useful
70
Easy To Read
86
Fact
82
Reader Rating0 Votes
0
79