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 Feed, Twitter 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.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.
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.
