Searching...
Tuesday 1 January 2013

Add Floating Follow and Dashboard Button to your Blog

Have you think about a tumblr follow button and how is it look. Today I am giving you a wonderful tumblr follow button and also a dashboard button in top right corner of your blog. 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.

Now we can take look at how to add this follow and dashboard button to your blog. You have to do is just follow the procedure.
________________________________________
How To Add Floating Follow and Dashboard Button
________________________________________
1. Go to Blogger Dashboard > Layout.
2. Click on Add a Gadget > HTML/JavaScript.
3. Copy and paste the following code:


<!-- Floating Follow and Dashboard Button @ rnhckr.com -->
<div style="position: fixed; top: 5px; right: 95px;">
<a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=2934650513169045503" 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>
<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>
<!-- Floating Follow and Dashboard Button @ rnhckr.com -->

Note: Don't forget to change "2934650513169045503" with your Blog ID.

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

Do you have any problem with this widget feel free to ask me..if i know i will definitely help you .You can add your suggestions about this blog and this post as a comment.At last have a nice day...

0 comments:

Post a Comment