Bagaimana membuat Tombol share melayang di blog

Tutorial bagaimana membuat  tombol share melayang di blog sangatlah bermanfaat untuk mengkatkan page rank blog kita. karena dengan adanya tombol share di blog kita, para pembaca terkadang men share artikel kita ke media sosial lainnya. Ini akan  sangat menguntukan traffic blog kita. Maka dari itu, Mata Pena Gorontalo akan berbagi sedikit tentang tombol share ini.

Ada pun langkah bagaimana membuat tombol share di blog sebagai berikut :

Gambar di atas adalah contoh tombol share melayang di Blog kita nantinya.

  • Login ke blogger 
  • Lalu Klik Rancangan.
  • Tambahkan gadget kemudian pilihlah  HTML/Javascript.
  • copy dan paste kode di bawah di kotak gadget tersebut


<!--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" 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://gorontalo-education.blogspot.com/2012/09/bagaimana-membuat-tombol-share-melayang.html " target="blank"><font color="black">[Get This]<font></font></font></a></div></div>
  • Langkah Terakhir Simpan
Saya kira demkian informasi singkat tentang bagaiamana membuat tombol share melayang di blog. Semoga bermanfaat.

Artike Menarik Lainnya :
Useetv Bioskop Online Anak Gorontalo
Axiadata Rajanya Hostingan Indonesia
Download panduan PKM 2012




0 Response to "Bagaimana membuat Tombol share melayang di blog"

Posting Komentar

Silahkan Tinggalkan komentar anda, jika ada kesalahan pada artikel yang saya posting, atau ada link mati, gambar hilang, dan jika ada saran untuk kemajuan blog ini, silahkan tulis komentar dibawah ini.... Komentar kalian sangat berarti bagi saya...

Format untuk komentar:
1. Pilih profil sebagai Name/URL
2. Isikan nama anda
3. Isikan URL (Blog/Website/Facebook/Twitter/Email/Kosongin)
4. Isikan komentar
5. Poskan komentar