Cara Membuat/ Memasang Widget Facebook Like, twitter dan Google + di samping artikel Blog

Baca Juga

Cara Membuat/ Memasang Widget Facebook Like, twitter dan Google + di samping artikel Blog

Salah satu cara untuk mengukur kualitas Tulisan pada blog, kita bisa memasang alat feedback dari pengunjung berupa tombol Like, Tweat atau google plus.

Semakin Banyak yang Like Tulisan Anda, Berarti semakin banyak yang menyukai artikal yang anda tulis. Artinya, Konten yang anda sajikan berkualitas baik.

Selain itu, Facebook Like, Twitter dan Google Plus ini bisa jadi media sharing konten oleh pengunjung, sehingga bisa meningkatkan View Page pada blog anda.

Memasang widget facebook like, twitter dan google Plus ini cuku mudah. 

hal yang perlu anda lakukan adalah :

1. Silahkan Masuk di Dasbor Blog Anda
2. Pilih tata Letak
3. Tambahkan Gadget pada bagian manapun yang anda inginkan
4. Pilih Javascript/ HTML
5. Copy dan Pastekan Script Dibawah pada Gadget anda
6. Save dan Lihat Hasilnya.

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

#pageshare {position:fixed; bottom:30%; left:30px; 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='fb'><a name="fb_share" type="box_count" href="#"></a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div></div>

demikian tutorial Cara Membuat/ Memasang Widget Facebook Like, twitter dan Google + di samping artikel Blog. Selamat mencoba semoga Sukses. :)