-->

Cara Membuat Floating Share Button melayang

Cara Membuat Floating Share Button - adalah salah satu widget yang sangat direkomendasikan untuk dipasang di blog Setelah memasang fitur related posts di sidebar serta menu navigasi breadcrumbs dan juga widget recent posts sehingga akan bisa meningkatkan pageview hareba tombil ini berfungsi untuk memberi kesempatan kepada pengunjung bloguntuk berbagi artikel favorit mereka.

Sebenarnya sich share button standar dari blogger tapi tampilannya kurang bisa menarik minat pengunjung. maka kali ini bang germo bukan bang napi akan mencoba untuk membuat floating share button (melayang) yang mempunyai kelebihan
share button ini tidak hanya berada di halaman artikel
sehingga kita juga bisa mempromosikan homepage blog dengan floating share button ini.Oke untuk membuatnya berikut ini tata caranya :

Login dulu di blogger.
Pilih Rancangan (Design) > Edit HTML > Centang Expand Template Widget.
Kita taruh dulu kode css-nya, cari ]]></b:skin> kemudian copast kode berikut:

#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;
}

Tulisan warna merah bisa sobat sesuaikan sendiri. Jika sudah cari kode </body> dan copast kode berikut ini tepat diatasnya

<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>

Terakhir simpan template.

Sekian dulu tulisan bang germo gari ini ,kali ada sumur diladang boleh kita menumpang mandi ,kalo ada jablay baru bolehlah tuan mampir lagi ke tempat saya ahihihi ! Cara Membuat Floating Share Button

Cara Membuat Floating Share Button melayang