Cara Membuat Widget Like Facebook, Twitter, Google+ di Samping Blog

Nah, tengah malam mau ngebagi cara mempercantik blog dengan widget yang multifungsi seperti gambar ini --------->
Mungkin banyak yang sudah tau mengenai widget ini namun ane cuman mau ngeshare yang dulu-dulu lagi sekalian nostalgia.

Sedikit penjelasan mengenai ini widget ini : Tombol like adalah salah satu plugin atau aplikasi tambahan yang sangat penting juga untuk sebuah blog/website, sehingga akan sangat mudah blog kita menjadi ramai pengunjung yang tertaut dari situs dimana sahabat menambahkan tombol like. misalnya saja tombol like facebook yang sahabat terapkan, maka para pengunjung yang mengelik tombol tersebut dari isi halaman/Posting akan muncul ke beranda/profile facebook mereka sehingga teman yang lainnya akan mudah menemukan Blog kita.

Ini dia caranya :

1. Log in ke Blogger.com
2. Masuk ke menu Tata Letak
3. Tambah Widget (pilih HTML/Javascript)
4. Masukan dikode di bawah ini

<!--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://gaungadzaningjagat.blogspot.com/2013/06/cara-membuat-widget-like-facebook.html">Get This</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </div> </div> </script>

Setelah itu klik SIMPAN



Sampai disini dulu ya jangan lupa komen !
Wassalam,