Monday, 26 March 2012

Cara Membuat Tombol Share dan Like di Samping Kanan

Ketemu lagi sahabat blogger dalam tutorial mempercantik tampilan blog. Nah, dalam kesempatan kali ini, saya akan berbagi ilmu tentang bagaimana sih cara membuat tombol like dan share button yang ada di sisi kanan blog seperti yang ada dalam blog saya ini.


Nah, caranya gampang banget kok untuk membuatnya.
Pertama, login seperti biasa di akun blogger kamu. Kemudian klik rancangan > elemen laman dan tambah gadget baru dengan membuka html/script dan masukkan script berikut :
<!--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: 11px;text-align:center;"><a href="http://edukasi-global.blogspot.com/2012/03/cara-membuat-tombol-share-dan-like-di.html" target="blank"><font color="black">[Get Widget]<font></font></font></a></div></div>

<!--Widget Tombol Berbagi End-->

Selesai.. Selamat mencoba dan semoga bermanfaat !


6 comments:

Kaya dari bisnis internet said...

Tak masukin ke blog ane ahh

Education - Download said...

@Kaya dari bisnis internetJangan lupa links in yaa !! :D

Sigodang Pos said...

izin dicoba gan tutorialnya. terimakasih

Belajar SEO | Tips Kesehatan | Biografi | Tips dan Trik said...

thanks gan patut dicoba nih

samael gejuk said...

visit back gan http://gejuk.blogspot.com/

Cokey Coky said...

Mantab Gan

Berkunjungya ke blog ane http://cahya-se.blogspot.com/

Post a Comment