cara membuat floating button blogger

Bismillah....!! oke hari ini akan memabahas tentang  bagaimana membuat tombol floating pada blogger...! ya.. ini mungkin salah satu trik untuk mempercantik blog kita, hehehe.....

langsung aja dech, ikuti instruksi dibawah ini....
1. login ke blogger dulu pastinya..
2. masuk dashboard--->Design/Rancangan--->edit Html.
3. centang Expand Template Widget.
4. jangan lupa dibackup template untuk menghindari kesalahan fatal
5. ( ctrl+f ) find code / cari kode  ]]></b:skin>
6. nah.. kalox udah ketemu capy paste code dibawah ini tepat diatasnya.


#sharebuttonfery {
background-color:#FFFFFF;
border-color:#C1CDCD;
border-style:solid;
border-width:1px;
left:5px;
bottom:150px;
margin-top:10px;
position:fixed;
width:64px;
}

#sharebuttonfery .float {margin:7px}
.FBConnectButton_Text
{
font-size: 8px;
padding:2px 4px 3px !important;
}


7.  CTRL+F lagi cari code <div class='post-header-line-1'/>
8.  kalox udah ketemu copy paste lagi code dibawah ini tepat diatasnya.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='sharebuttonfery'>
<div class='float'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>
<div class='float'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div>
<div class='float'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
<div class='float'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div>
</div>
</b:if>


9. save dan lihat bagaimana hasilnya....!!

bagaimane mudah kan cara membuat tombol floating di blogger...?? bila suka sama posting ini jangan lupa kasih comment ya... atau klik tombol like juga gpp.. asal bukan tombol yang laen.. hehehehehe..........