Sponsors

Jumat, 08 November 2013

Pasang Widget Share Button Lengkap

Widget ini akan memudahkan pengunjung blog kita untuk mengshare apa yang ada di blog kita. Dan hal ini juga akan berdampak positif ke blog kita.. karena ini bisa menjadi media marketing gratis buat para blogger , untuk itu saya akan membagaikan kepada para sahabat – sahabat blogger sekalian tentang Pasang Widget Share Button Lengkap.

Contoh Widget Share Floating

http://picturestack.com/580/547/mchbguttaXWV.jpg

Baiklah jika sobat ingin memasangnya silahkan ikuti langkah berikut :
1. Login Ke Akun Blog Sobat
2. Pilih Rancangan/Tata Letak
3. Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
4. Masukan Script Berikut Di dalamnya.

<style>#ShareSidebar{top:48px;width:69px;right:0 !important;overflow:hidden;position:fixed;z-index:100000;text-align:center;line-height:normal;_position:absolute;font-size:9px;background:#000;background:rgba(255,255,255,0.6);-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;padding:5px}
.fb_share_count_top {width:55px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:55px !important; -moz-border-radius:3px;/*bs-fsmsb*/-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="ShareSidebar">
<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 style="float:left; margin:10px 0 0 10px;"><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div style="float:left; margin:10px 0 0 10px;"><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
<div style="float:left; margin:10px 0 0 10px; width:61px;"><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>
<div style="float:left; margin:10px 0 0 7px;"><script src="http://orkut-share.googlecode.com/svn/trunk/delicious.js"></script></div>
<div class=sbutton id=rt>
<script src="http://tweetmeme.com/i/scripts/button.js" type=text/javascript></script></div>
<div style="float:left; margin:10px 0 0 10px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div style="float:left; margin:10px 0 0 7px;"><script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script></div>
<div style="float:left; margin:10px 0 0 10px;"><script type="text/javascript">(function() {var s = document.createElement(SCRIPT), s1 = document.getElementsByTagName(SCRIPT)[0];s.type = text/javascript;s.async = true;s.src = http://widgets.digg.com/buttons.js;s1.parentNode.insertBefore(s, s1);})();</script><a class="DiggThisButton DiggMedium"></a></div>
<div style="float:left; margin:10px 0 0 10px;"><script type="text/javascript" src="http://reddit.com/static/button/button2.js"></script></div>
</div>

5.Terakhir Save, dan Lihat hasilnya.

Tidak ada komentar:

Posting Komentar