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

Tweet