The Followers Gadget from Google Friend Connect is very popular and one of the most popular ways especially on Blogger for people to follow their favorite blogs. By default you can only add one followers gadget to your blog via ‘Add A Gadget’ so a few months ago i showed you how to have a second Google friend connect followers gadget on your blog in this post i will show you how to have a standalone Follow Button Or Text Link. So with this you can add the option to follow your blog beside Rss your Twitter and Facebook icons. You could also add it below your posts or other areas.
Some Demos – All working so click Em’ and follow SUYB
Follow Button With Message
Code – See Below How To Add Your Blog ID
<a href="http://www.blogger.com/follow-blog.g?blogID=BLOG-ID-HERE" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="http://4.bp.blogspot.com/-h3YRBHYfF5g/TeYuZ6lly6I/AAAAAAAAEOQ/e4YcH4LGnjw/s1600/follow-with-google-friend-connect-button.jpg" /></a>
Code – See Below How To Add Your Blog ID
<a href="http://www.blogger.com/follow-blog.g?blogID=BLOG-ID-HERE" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="http://3.bp.blogspot.com/-_EJeg5vVW6M/TeYuaeSR1MI/AAAAAAAAEOU/cYnnBxJtw7U/s1600/google-followers-button.png" /></a>
Code – See Below How To Add Your Blog ID
<a href="http://www.blogger.com/follow-blog.g?blogID=BLOG-ID-HERE" target="_blank" title="Follow With Google Friend Connect">Follow My Blog</a>
Important : You must make one change to the code – In order for the button to work for your blog you must add your blogs I.D.Below i show you how to find your blogs ID and once you have it replace BLOG-ID-HERE with it.
To find your Blogger I.D. simply go to your blogs design page, new post page or any of the pages you access from your dashboard and copy your I.D. from the address bar at the top of the page.
Your Blog I.D. is a the number that appears in the URL – This is how your I.D. will be displayed :
Were To Place The Followers Button
You can add the gadget to your sidebar
Go to Design > Add A Gadget > Choose Html/Javascript > Paste in the code and save.
Add The Gadget Below Your Posts
Go To Design > Edit Html > Tick Expand Widget Templates.
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)
<div class='post-footer-line post-footer-line-1'>
Paste Your Button Code Directly Below <div class=’post-footer-line post-footer-line-1′> then save your template.
That’s it ! Some extra options when it comes to getting more followers on your blog.You can of course change the image URL to a different image or the text in the text link. Make sure to check out more of our Social Media Posts and Cool Blogger Gadgets.
Drop Your Comments And Questions Below.
