Cara Memasang Widget Share Media Sosial di blog agar tampil floating dan keren

Booking.com

 17sekians – Halo temen blogger berikut saya ingin menyampaikan cara memasang Widget Share Media Sosial di Blog agar tampil floating dan keren, hal ini juga berguna bagi pengunjung yang membaca artikel kita bisa membagi dengan mudah ke media sosial mereka
Dengan memasang Widget share media sosial juga akan mempercantik dan blog anda akan terlihat seperti blog profesional. Sehingga pengunjung pun akan senang melihat dan menshare isi konten blog anda 
Widget share media sosial berikut berisi tentang share lewat google+, facebook 
 Cara berikut sangatlah mudah, sebagaimana anda melihat blog saya sebelah kiri tampak Widget saya.
 widget share media sosial 
Ok temen-temen Berikut adalah cara memasang Widget Share Media Sosial di blog agar tampil floating dan keren:
a. Langsung masuk rancangan/template klik Tata Letak
b. Plih Add widget atau tambah Gadget Baru
c. Plih Add HTML/JavaScript
d. Nah ini yang terpenting, Copy paste code dibawah ini :

<!–SideBar Floating Share Buttons Code Start–>
<style>
#pageshare {position:fixed; bottom:15%; left: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=’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: 12px;text-align:center;”><a href=”http://17sekians.blogspot.com/2016/11/cara-memasang-widget-share-media-sosial.html” target=”blank”><font color=”black”>Get This<font></font></font></a></div></div>

“inget copy semua code di atas ya”

e. Simpan Gadget yang ditambahkan dan save templatenya
f. Setelah selesai jangan lupa untuk di cek hasilnya  
Sekian informasi cara pasang widget share media sosial semoga paham ya.

Semoga bermanfaat ya

Add a Comment

Your email address will not be published. Required fields are marked *