Cara Membuat Floating Share Button melayang

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

5 comments:

HABIB ISMAIL said...

gan stumbleupon itu buat apa? ane ijin share ke blog ane juga ya gan :)

M Mukhlis said...

owh itu media share juga bang habib

Agus Sarifin said...

ok sob ane praktekin dah siapa tau bisa.tengkyu.

Amien melody said...

keren gan........:)
Salam kenal:
FREE Full version Downloads

Amien melody said...

Mantaaapppppppp........:)
FREE Music

Post a Comment

Gajah mati boleh meninggalkan gading, Harimau mati meninggalkan belang,Tetapi janganlah Anda pergi dengan meninggalkan SPAM komentarlah yang baik secara otomatis anda akan mendapatkan backlink dari link komentar Dofollow saya !

BackLink

BackLink !!!!