Sunday 14 October 2012

Add Floating Follow Button Like Tumblr In Blogger



Have you seen Tumblr Follow Button?. Did you ever think of the same widget on your blogger blog. Well, this time we will create a follow button that similar like Tumblr. Tumblr is the one platform for into blogging. If you look under the blog service Tumblr is at the top right corner there is always a follow button.

This lets your visitors to follow your blog quickly and in a different manner. Usually this works as a Google Friend Connect but instead of the Default Friend Connect Widget. We will add this Floating Follow Button Like Tumblr widget.

How To Add Floating Follow Button Like Tumblr In Blogger?
  •  Go to Blogger Dashboard > Layout.
  •  Click on Add a Gadget > HTML/JavaScript.
  •  Copy and paste the Below code:


<div style="position: fixed; top: 5px; right: 95px;">
<a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID= 3012176542082695121 " target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a>
</div>
Note: change 3012176542082695121 with your Blog ID.

  •  Save the widget and you're done. That's it.


0 comments:

Post a Comment