Follow Button/Text

Tuesday, July 31, 2012


Todays tutorial is to show you how to have a stand alone follow button without showing follower count or profiles, I will also show you how to have text only "Follow this blog" or if you are interested in having your own image check out Social Networking Buttons Tutorial




Follow Button with Text







Design > Page Elements > Add Gadget > HTML/Javascript

Paste the following code;

<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>




Follow Button without Text





Design > Page Elements > Add Gadget > HTML/Javascript

Paste the following code;

<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>



Follow Text





Follow My Blog

Design > Page Elements > Add Gadget > HTML/Javascript

Paste the following code;

<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>





Get your Blog ID

When adding a new post or editing a gadget, your blog id will appear in the url. Alternatively, click Follow at the top of the page (in the nav bar) and the url link will appear here with you blog id :)