Membuat Share Like FB, Tweet, Google plus di wordpress tanpa plugin

Yup, kali ini tentang wordpress, dan mudah-mudahan artikel selanjutnya bisa membahas tentang bagaimana cara membuat blog di wordpress dan tentunya masih akan terus update tentang tutorial blogspot. Nah pada kesempatan kali ini saya mau share posting tentang cara memasang tombol share fb tweet digg stumbleupon di wordpress tanpa memakai plugin. Untuk tampilannya bisa anda lihat di samping kiri blog ini. Memang kode digg dan stumbleupon sudah saya hapus.

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 ;

<br /><br /><!–SideBar like share facebook tweet google plus kode Start–><br /><br /><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><br /><br /><div id='pageshare' title="share ke teman anda"><br /><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><br /><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><br /><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><br /><div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div><br /><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><br /><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><br /><!–SideBar like share facebook tweet google plus melayang kode end–> <br /><br />

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.