Thursday, November 29, 2012

Menambahkan Like Button, Share Facebook, Twitter Google+ Pada Blog

Langsung saja deh pada intinya karena sobat pasti sudah paham dan mengerti makanya mampir kesini juga yang tidak lain ingin memasang like button, share facebook, trwitter dan lainnya.

Langkah - langkah :

1. Login blogger dulu jika belum silahkan klik disini
2. Klik tata letak pada dasbor blog sobat
3. Tambahkan gadget / klik tulisan berwarna biru " tambah gadget "
4. Cari gadget " HTML/JavaScript " dan klik
5. Paste code dibawah pada konten, untuk judul tidak perlu dikasih judul.



<!--Widget Tombol Berbagi Start-->

<style>

#pageshare {position:fixed; bottom:15%; right: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: 10px;text-align:center;"><a href="http://planetinfo-zp.blogspot.com/2012/11/menambahkan-like-button-share-facebook.html" target="blank"><font color="black">[Get Widget]<font></font></font></a></div></div>

<!--Widget Tombol Berbagi End-->


6. Simpan dan lihat hasilnya ...

Silahkan tinggalkan komentar jika ada yang mau ditanyakan, dan jika ada masukan untuk blog Planet Abisefer bisa tinggalkan pada kotak komentar.

Terimakasih semoga bermanfaat ya sobat :)

No comments:

Post a Comment

Teriakasih sudah memberikan komentar yang baik di blog ini.
Jangan lupa berkunjung kembali dan tinggalkan komentarnya lagi ya !!!!