Cara Membuat Share Button Like, Tweet, Google +1 Melayang

Assalamu'alaikum :D sebagai seorang muslim yang baik, ucapkan lah salam ke semua orang :D.
Oke nih, Lagi-lagi saya akan berbagi turotial Cara Membuat Share Button Like, Tweet, Google +1 Melayang di Sisi Kiri Blog.. Hmm.. "Tombol Berbagi", hehehe, Yups, Mengapa saya suka banget posting artikel seperti ini sama sobat, karena share button seperti like facebook dan tweet cukup ampuh dalam mendongkrak popularitas dan kunjungan ke blog kita. Apalagi buat newbie blogger, takutnya keseleo belajar SEO, hehehe.

Langsung Saja ya....
Masuk ke akun Blogger > Tata letak > Tambah Gadget > HTML/Javascript, kemudian masukkan kode di bawah ini;
<!-- share button melayang sisi kiri start--><br />
<br />
<style type="text/css">

    #sharebutton {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}

    #sharebutton .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

    .fb_share_count_top {width:48px !important;}

    .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

    .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}

    .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

    </style><br />
<br />
<div id='sharebutton' title="Get this from blogbelajar2.blogspot.com">
<br />
<div class='sbutton' id='fb'>
<br />
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><br />
<br />
</div>
<br />
<div class='sbutton' id='rt'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script><br />
<br />
</div>
<br />
<div class='sbutton' id='su'>
    <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script><br />
</div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
    <script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><br />
<a class="DiggThisButton DiggMedium"></a><br />
</div>
<br />
<div class='sbutton' id='gplusone'>
<br />
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><br />
<br />
<g:plusone size="tall"></g:plusone><br />
<br />
</div>
<br />
<div style="clear: both;font-size: 8px;text-align:center;">
Get<a href="http://www.super-gaptek.com/2012/03/cara-membuat-share-button-like-tweet.html">widget</a></div>
<!-- Do not remove this link --><br />
<br />
</div>
<br />
<!-- share button melayang sisi kiri End –>

Untuk Demonya ga usah jauh-jauh.. saya juga pasang di Blog saya :D

Related

Tutorial Blog 2701218850349351665

Post a Comment

Terimakasih telah membaca artikel di atas. Silahkan berkomentar dengan sopan.

emo-but-icon

Side Ads

Facebook

Adv

item