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

Cara Membuat Tombol Share Like FB, Tweet, Google plus di blogger dan Worldpress tanpa plugin dengan url http://rifanytop.blogspot.com/2012/11/cara-membuat-tombol-share-like-fb-tweet.html yang ditulis oleh RIFANYTOP berisi tentang :

 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

Ditulis Oleh : Arif Rifany ~ Produsen Mesin Bata Press

Produsen Mesin Bata Press Anda sedang membaca artikel berjudul Cara Membuat Tombol Share Like FB, Tweet, Google plus di blogger dan Worldpress tanpa plugin dengan url http://rifanytop.blogspot.com/2012/11/cara-membuat-tombol-share-like-fb-tweet.html yang ditulis oleh RIFANYTOP yang berisi tentang : Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.Silahkan Dibagikan Jika Sekiranya Bermanfaat...

BAGIKAN KE :

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

Posting Komentar