Cara Membuat Tombol Share Disamping Blog

Hello pengunjung setia dunia noob, Kali ini DuniaNoob ingin berbagi tutorial bagaimana Cara Membuat Tombol Share Disamping Blog. Tombol share ini berguna untuk membagikan postingan yang ada pada blog kita bisa dibilang tombol ini sangat berguna karena tombol ini akan menyediakan layanan yang akan menshare postingan yang ada pada blog kalian dengan cukup 1 kali klik saja,

Tombol shrae ini akan berada disamping kanan atau pun kirim blog tergantung anda meletakan tombol tersebut. Berikut langkah langkahnya:

#Cara Membuat Tombol Share Disamping Blog

1. Buka Blogger
2. Pilih Tata Letak --> Add Gadget --> HTML/JavaScript
3. Pastekan Kode Dibawah Ini

<!--SideBar Floating Share Buttons Code Start-->
<style>
#pageshare {position:fixed; bottom:15%; right:10px; float:right; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;}
#pageshare .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;-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>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<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></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://id-pemula.blogspot.com/">Get This</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div></div>

Keterangan :
Pada Kata right adalah lokasi sebelah kanan blog ubah dengan kata left untuk lokasi sebelah kiri
4. Simpan

Sekian tutorial kali ini semoga bermanfaat dan jangan lupa berkunjung lagi

Related Posts:

Tweet