11/01/2011

Add Follow and Dashboard Button - Style 1

11/01/2011

This tutorial is for anyone who wanted floating Follow and Dashboard
Denim/simple,etc
1.DASHBOARD >> DESIGN >> ADD GADGET/HTML
2.Paste kan code.
3. Tukarkan YOURBLOGID kan kepada blog ID anda sendiri .

Blogskin,classic template
1. DASHBOARD >> TEMPLATE
2. Pastekan code dekat bawak code </style>
3. Tukarkan nombor yang di-gold kan kepada blog ID anda sendiri .



<div style="position: fixed; top: 5px; right: 10px;"><a href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" title="Follow"><img src="http://i.imgur.com/7CKKajc.png" border="0" /></a><a  href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard"><img src="http://i.imgur.com/SjwkgHP.png" border="0" /></a></div>


  
<div style="position: fixed; top: 5px; right: 10px;"><a href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" title="Follow"><img src="http://i.imgur.com/fadCmGN.png" border="0" /></a><a  href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard"><img src="http://i.imgur.com/nBBO5vm.png" border="0" /></a></div>

 
<div style="position: fixed; top: 5px; right: 10px;"><a href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" title="Follow"><img src="http://i.imgur.com/vZiKmOR.png" border="0" /></a><a  href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard"><img src="http://i.imgur.com/47CSOdC.png" border="0" /></a></div>

 
<div style="position: fixed; top: 5px; right: 10px;"><a href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" title="Follow"><img src="http://i.imgur.com/MkUEHIi.png" border="0" /></a><a  href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard"><img src="http://i.imgur.com/1t1HC0C.png" border="0" /></a></div>


 
<div style="position: fixed; top: 5px; right: 10px;"><a href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" title="Follow"><img src="http://i.imgur.com/ozRCuhI.png" border="0" /></a><a  href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard"><img src="http://i.imgur.com/fmAGACe.png" border="0" /></a></div>

 
<div style="position: fixed; top: 5px; right: 10px;"><a href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" title="Follow"><img src="http://i.imgur.com/FSAMR8t.png" border="0" /></a><a  href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard"><img src="http://i.imgur.com/pbubwp6.png" border="0" /></a></div>


 
<div style="position: fixed; top: 5px; right: 10px;"><a href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" title="Follow"><img src="http://i.imgur.com/guiSo7j.png" border="0" /></a><a  href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard"><img src="http://i.imgur.com/If0wCqt.png" border="0" /></a></div>


nak tukar kepada gambar sendiri? guna code ni.
<div style="position: fixed; top: 5px; right: 10px;"><a href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" title="Follow"><img src="YOUR OWN IMAGE URL" border="0" /></a><a  href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard"><img src="YOUR OWN IMAGE URL" border="0" /></a></div>

kalau tak jadi sila bagitau, maybe ada code yang kena diperbetulkan. I'm careless sometimes .