11/18/2011

Add Follow and Dashboard Button - Style 2

11/18/2011



Untuk template designer.

1.  Blogger Dashboard > Templates > Edit HTML
2. Paste codes dibahagian HTM
3. Tukarkan nombor yang di-gold kan kepada blog ID anda sendiri .

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



<div style="position:fixed; top:0px; right:4px;border-radius: 10px;background:#fff; padding-left:15px; padding-right:15px;"><a href="http://www.blogger.com/follow-blog.g?blogID=333784674777325026" ">follow</a></div>


<div style="position:fixed; top:0px; right:4px;border-radius: 10px;background:#fff;color:808080; padding-left:15px; padding-right:15px;"><a href="http://www.blogger.com/follow-blog.g?blogID=333784674777325026" ">follow</a> | <a href="http://www.blogger.com/home" ">dash</a></div>


<div style="position:fixed; top:0px; right:70px;border-radius: 10px;background:#fff;color:808080; padding-left:15px; padding-right:15px;"><a href="http://www.blogger.com/follow-blog.g?blogID=333784674777325026" ">follow</a></div><div style="position:fixed; top:0px; right:4px;border-radius: 10px;background:#fff;color:808080; padding-left:15px; padding-right:15px;"><a href="http://www.blogger.com/home" ">dash</a></div>



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 .