20 May 2012

tutorial: add follow & dashboard button in blogspot

Dear all,

since aysha is asleep early tonight, i am thinking of making a simple tutorial on how to add the floating follow button and dashboard as what you can see in my blog.. as you know.. sharing is caring..

please follow the easy steps shown below:

1. login to your blogger account
2. select your blog
3. go to layout
4. then click at "add a gadget"
5. choose html/javascript widget
6. not required to enter the title
7. enter the codes below
<div style="display:scroll; position:fixed; top:0px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=your blog id" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 3em; margin-right: 3em;"><img border="0" src="http://3.bp.blogspot.com/-A-QHQgH5vBo/TltY1zKMaTI/AAAAAAAABio/a3joiRaQYPk/s1600/followpink.png" /></a> <div style="display:scroll; position:fixed; top:0px; right:2px;"><a class="linkopacity" href="http://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/-CK6_DqntD5Q/TltY0b4Sb_I/AAAAAAAABiY/-QwHYh06_UM/s1600/dashboardpink.png" /></a></div></div> 
8. for your blog id (highlighted in yellow) you can get it at your url link. you can refer to the screenshot below:

9. the url highlighted in green is the follow button image url. you can change it to your own image url.
10. same goes to the url highlighted in blue. that is the dashboard button image url. you can change it here.
11. once done, click at the save button
12. check it out in your blog.. it should be updated to show the buttons on your top right corner.

p/s my button image url is taken from kemetot comel.

1 comment:

website design said...

You made some good points there. I checked on the internet for more info about the issue and found most individuals will go along with your views on this site.
website design


Related Posts Plugin for WordPress, Blogger...
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Kissable Cheeks - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger