Stay Connected Stylish Rss Feed And Social Gadget For Blogger

7:26 AM | ,

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.

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="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.createtheblogger.blogspot.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.


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="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.createtheblogger.blogspot.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 Below.




2 comments:

To Use A Smiley In Your Comment, Simply Add The Characters Beside Your Choosen Smiley To The Comment:
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =)) Grab Smily Gadget

Post a Comment

 
Gadgets By For Bloggers