Cara Membuat Share Button Like, Tweet, Google +1 Melayang di Samping Blog



Sahabat Uzumaki Popey Blog, daripada banyak pikiran, ngelamun tidak karuan, mending nge-blog dan berbagi untuk semua. biar tampilan blog kita makin keren, uumaki popey blog punya tips blogging 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, bener gak sob?




Mau tau caranya? Langsung Saja yak sob :

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.uzumaki-popey.">widget</a></div>
<!-- Do not remove this link --><br />
<br />
</div>
<br />
<!-- share button melayang sisi kiri End –>





Selesai, Komentar+kasih google plus. oke??




thumbnail Title: Cara Membuat Share Button Like, Tweet, Google +1 Melayang di Samping Blog
Posted by:Noval Nawawi
Published :2013-11-16T19:21:00+07:00
Rating: 4.5
Reviewer: 5 Reviews
Cara Membuat Share Button Like, Tweet, Google +1 Melayang di Samping Blog