cara memasang floating share button di blog ub

nahh bagi temen-temen yang ingin memasang widget share button di blog UB, disini saya akan membreikan sedikit script yang akan di blog sobat , apa sih keunggulannya?? nahh dengan memasang widget ini menjadikan blog sobat lebih rame dan mempermudah interaksi dengan facebook, twitter dan google plus.
caranya cukup mudah yaitu :
  1. Login ke dashboard blog anda
  2. Pilih Appearance
  3. pilih Widget
  4. drag and drop widget teks ke bagian sidebar yang diinginkan ( karena dengan widget ini sobat bisa menambahkan text html didalamnya)
  5. lalu pastekan kode dibawah ini ke dalamnya
  6. Simpan
  7. Selesai
<!-- floating page sharers Start -->
<style>
#pageshare {position:fixed; bottom:25%; margin-left:-755px; float:left;
-moz-border-radius:5px 0px 5px 0px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:0px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:0px;
background-color:#D8F7BB;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;/*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='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 layout="box_count" show_faces="false" font=""></fb:like></div>
<div class=’sbutton’ id=’fb’>
<center><a name='fb_share' type='button_count' href='http://www.facebook.com/sharer.php'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'></script></center>
</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 style="clear: both;font-size: 9px;text-align:center;"><a href="http://blog.ub.ac.id/home/cara-memasang-floating-share-button-di-blog-ub/" target="blank" title="Pasang Widget Share Button di blog anda"><font color="blue">[Get Widget]<font></font></font></a></div></div>
<!–Widget Share Button Melayang End–>

 

-755px merupakan letak posisi widget anda , sesuaikan dengan template anda

#D8F7BB merupakan kode warna, ganti sesuai keinginan anda

Avatar of Sam

About

Mahasiswa di Jurusan Teknik Informatika Univ Brawijaya

Avatar of Sam

About Sam

Mahasiswa di Jurusan Teknik Informatika Univ Brawijaya

One thought on “cara memasang floating share button di blog ub

Leave a Reply