Cara Membuat Tombol Super Keren di Blog

Tombol share berfungsi untuk memudahkan dalam membagikan artikel blog atau website ke jejaring sosial misalnya facebook, twitter dll. 

Berikut ini tips mudah dan cepat membuat tombol share keren di blog :

1. Login terlebih dahulu ke blogger
 Cara Mudah Membuat Blog Blogger 

2. Pilih Tata letak 

3. Klik tambah gadget

4. Pilih HTML/JavaScript

5. Masukkan kode berikut.

<!--SideBar Floating Share Buttons Code Start-->

        <style>

        #pageshare {position:fixed; bottom:15%; left:10px; float:left; 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://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://syamsblog95.blogspot.com/2013/06/cara-membuat-tombol-super-keren-di-blog.html" target="blank"><font color="black">Ambil Kode</font></a></div></div>

6. Klik simpan 

Hasilnya akan seperti ini

Selamat mencoba !!