Cara Membuat Tombol Super Keren di Blog

Selamat datang di Syam’s Blog

Jumpa lagi di  Syam’s Blog  pada kesempatan kali ini saya akan berbagi cara membuat tombol share keren di blog. 

Baca Postingan Terdahulu :
Cara Mudah Memasang Lkike Box FB Melayang di Tepi blog
Cara Mudah Memasang Iklan di Atas Blog Blogger 

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 !!

Baca juga :
Cara Mudah Menambahkan Tombol Share di Bawah Postingan
Download Template Super SEO Friendly Blogger  

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Syamsuri, Published at 10:28 PM and have