Cara membuat floating share button

» Unlabelled » Cara membuat floating share button
Akhirnya dibalik kesibukan kerja, sekarang saya bisa beristirahat dan berbagi tips tentang blog lagi kepada sahabat-sahabat blogger. tips kali ini saya akan menjelaskan bagaimana caranya membuat share button di sisi blog, selain terlihat lebih menarik, menu ini juga bisa mempermudah untuk para pengunjung yang akan mempromosikan artikel blog anda.
cara penerapannya pun sangatlah mudah, silahkan ikuti saja langkah-langkah berikut.

  • Login ke blog anda
  • Pilih Rancangan lalu pilih Edit HTML
  • klik Expand Template Widget 
  • Pasang code CSS berikut diatas  ]]></b:skin>

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

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

 Jika Sudah silahkan cari tulisan berikut : <div class='post-header-line-1'/> lalu copy code di bawah dan paste tepat di atas code tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='sharebutton'>
<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>

Save and finish.....

Untuk mencoba hasilnya, silahkan buka artikel anda, dan lihat share button sudah tampil di blog anda.

Indahnya berbagi......
Title: Cara membuat floating share button
Rating: 10 out of 10 based on 24 ratings. 5 user reviews.
Writed by Topsy Krets