√ Cara Menciptakan Tombol Share Di Samping Blog

Pada postingan sebelumnya telah kita bahas cara menciptakan tombol share di posting blog serta manfaatnya, tapi kali ini kita akan membahas cara menciptakan tombol share di samping blog.

Agak berbeda dengan postingan sebelumnya, dimana pada posting sebelumnya tombol share yang kita pasang pada blog terletak diatas/bawah posting, untuk tombol share yang akan kita bahas ini nanti terletak disamping blog. Anda ingin tau ingin segera memasangnya di blog, berikut ikuti langkah-langkahnya :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy paste arahan berikut pada HTML/JavaScript.

<!--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="√ Cara Membuat Tombol Share di Samping Blog">
<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/j4vascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/j4vascript" 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/j4vascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="aciknadzirah.blogspot.com/">Get This</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/j4vascript"></script>
</div></div>

Keterangan :
Jika Anda menginginkan tombol share di kiri blog ganti right dengan left.
4. Kemudian Simpan.

Nah, kini pengunjung blog Anda sanggup dengan gampang membagikan halaman blog Anda ke social media.
Sumber http://id-pemula.blogspot.com