Cara Membuat Tombol Share Versi 3

Selamat malam sobat blogger, hari ini saya copcas dari RIEZTOSHARE mau posting tentang cara membuat Tombol share.
Sebelumnya saya sudah pernah posting tentang cara membuat tombol share keren versi pertama dan versi kedua. Kali ini Saya mau posting versi yang keTIGA. he..he... gimana sobat ? mantep bukan ?

Nah langsung saja sobat. Berikut cara membuatnya.
1. Login blogger.
2. Masuk ke Tata Letak.
3. Tambah Gadget.
4. Pilih HTML/JavaScript.
5. Kemudian 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 FB</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://setya-wa2n.blogspot.com/2012/10/cara-membuat-tombol-share-versi-3.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>

6. Setelah itu, simpan gadget. Selesai deh....

Mudah bukan cara membuatnya, semoga ilmu yang sedikit ini dapat memberikan manfaat kepada sobat blogger sekalian ^_^

kode by : RzaBlog's and rieztoshare