Cara Memasang Widget Share Media Sosial Di Blogger

23/04/2015

Cara Memasang Widget Share Media Sosial di Blog. Sebenarnya banyak tutorial tentang cara memasang widget share media sosial, namun yang saya bahas ini yaitu dengan bentuk dari Float. yang membuat tampilan Share Media Sosial lebih menarik.

Untuk memasang Widget Share Media Sosial dengan Float ini, sangatlah mudah, hanya cukup ketelitian dalam melakukan pemasangannya. Nah langsung saja, jika anda tertarik untuk memasang Widget Share Media Sosial ini, bisa dengan mudah anda lakukan dengan mengikuti beberapa langkah yang sudah saya sediakan dibawah ini.

DEMO =>

Klik show untuk melihat ScreenShote

Cara Memasang Widget Share Media Sosial Di Blogger dengan Float

=> Masuk ke Dasboar Blog anda
=> Pilih Tata Letak -> Tambah Gadget
=> Pilih pemasangan HTML / JavaScript
=> Pastekan kode dibawah ini pada kolom HTML/Javascript

<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='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: 12px;text-align:center;"><a href="http://4rie-ngr.blogspot.com/2015/04/pasang-widget-share-media-sosial.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>

=> Simpan Gadget. dan Simpan Template anda
=> Selesai, LIhat hasilnya..

Sekian artikel yang saya bahas tentang Cara Memasang Widget Share Media Sosial Di Blogger. Semoga dengan apa yang saya share ini, bisa bermanfaat dan berguna untuk anda, Selamat Mencoba,!!