Cara Memasang Widget Tombol Share Melayang Di Blogger - tau nggak kegunaan widget tombol share ini untuk blog kita? sesuai dengan namanya yaitu widget share yang pasti gunannya untuk share atau berbagi ke media sosial yang lain seperti facebook, twitter, g+ dan lain lain, widget ini juga dapat menaikkan trafik blog kita loh!! nggak percaya? bentar aku jelasin, gini jika pengunjung blog kita membagi atau share artikel ke facebook misalnya, teman temannya pasti juga bisa melihat artikel kita karena si pengunjung ini telah share ke focebooknya, seperti itu singkatnya.
seperti gambar dibawah ini tampilan widgetnya monggo dilihat:
bagaimana? berminat untuk memasangnya? ok cekidott
1. Pertama tama login ke blog anda
2. Buka Tata Letak
3. Tambahkan Widget lalu klik HTML Javascript
4. Copy script dibawah dan pastekan ke kolom HTML Javascript
<!--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='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" 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://agraanggakara.blogspot.com" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>
5. Simpan dan lihat hasilnya
Semoga Bermanfaat
Post a Comment