Cara Pasang Widget Share Social di Blog sobat memang sangat bagus bila dipasang. Kelebihan widget vertikal ini bisa menshare postingan dan bisa juga berbagi jempol dengan pengunjung blog seperti Facebook ,
Twitter , share Google , submit ke stumbleupon dan Digg. yang jelas memberikan efek positif buat masa depan blog sobat.
Biar sobat tidak penasaran lebih lama, bagusnya langsung aja tes pasang widget ini di blog dengan langkah - langkah sebagai berikut:
- Login ke dulu ke BLOGGER sobat.
- Pilih Tata Letak.
- Pilih salah satu tambah gadget.
- Klik Html/Java script.
- Copy kode Html di bawah ini.
<!--Widget Share Button Melayang 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 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 />
<div id="pageshare" title="bagikan ke teman anda">
<div class="sbutton" id="gb">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like font="" layout="box_count" show_faces="false"></fb:like></div>
<div class="sbutton" id="rt">
<a class="twitter-share-button" data-count="vertical" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></div>
<div class="sbutton" id="gplusone">
<script src="https://apis.google.com/js/plusone.js" type="text/javascript"></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" href="http://www.blogger.com/blogger.g?blogID=2011306476484227578"></a></div>
<div class="sbutton" id="fb">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">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://blog-rangga.blogspot.com/2012/12/cara-pasang-widget-share-social-di-blog.html" target="blank" title="Cara Pasang Widget Share Social di Blog"><span style="color: blue;">[Get Widget]</span></a></div>
</div>
<!--Widget Share Button Melayang End-->
- Lalu pastekan ke halaman HTML/Javascript.
- Klik simpan untuk melihat hasil nya di blog.
keterangan :
- untuk tulisan warna merah bisa di ubah nilai nya sesuai posisi yang di inginkan.
- untuk tulisan warna hijau warna border atau garis widget.
- untuk tulisan warna orange adalah kode backgroud widget ubah kode HTML nya sesuai selera sobat.
- untuk tulisan warna biru hapus kalau ingin menghapus button stumbleupon dan Digg biar tampilan nya lebih simple .
Dan lihat hasilnya. Luar biasa sobat bisa dapat like ni dari teman-teman sobat dari facebook dan tolong sekalian di bantuin like facebook saya ya.
.gif)