Rabu, 28 November 2012

Cara Membuat Tombol Share Like FB, Tweet, Google plus di blogger dan Worldpress tanpa plugin

Baca Juga

 Cara Membuat Tombol Share Like FB, Tweet, Google plus di blogger dan Worldpress tanpa plugin

Silakan ikuti langkah-langkah berikut ini:

1. Masuk ke wordpress akun

2. Appearance > Widget

3. Geser / Drag widget text ke sidebar dan paste kode di bawah ini ;


<!–SideBar like share facebook tweet google plus kode 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 ke teman anda">
<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: 9px;text-align:center;"><a href="http://blogbelajar2.blogspot.com/" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>
<!–SideBar like share facebook tweet google plus melayang kode end–>

Pengaturan:

Untuk membuat tombol melayang berada di sebelah kiri, temukan right: 10px;  dan ubah menjadi left: 10px;

Untuk mengubah warna background gadget tombol share silakan cari kode  # eff3fa

Oke silakan di coba. 
demian Cara Membuat Tombol Share Like FB, Tweet, Google plus di blogger dan Worldpress tanpa plugin

Diposting Oleh : RIFANYTOP - Admin

Judul : Cara Membuat Tombol Share Like FB, Tweet, Google plus di blogger dan Worldpress tanpa plugin
Berisi tentang :
Dengan url http://rifanytop.blogspot.com/2012/11/cara-membuat-tombol-share-like-fb-tweet.html
By : RIFANYTOP - Silahkan Di Bagikan Jika sekiranya Bermanfaat, dilarang mengcopy Postingan Ini Tanpa Mencantumkan Link Sumber.


EmoticonEmoticon