How to Add Floating Follow and Dashboard Button Widget on Your 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 and dashboard 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 and Dashboard Button Like Tumblr widget.

1. Go to  Blogger Dashboard > "Layout".


2. Click on "Add a Gadget" > "HTML/JavaScript".


3. Copy and paste the following code:



<div style="position: fixed; top: 5px; right: 95px;">
<a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=123456789" 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>
<p style="display:none;"><a href="http://bloggerxtutorials.blogspot.com/">Blogger X Tutorials</a></p>
<div style="display:scroll; position:fixed; top:5px; right:5px;">
<a class="linkopacity" href="http://www.blogger.com/home" target="_blank" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a>
</div>

Change "123456789" with your Blog ID.


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