Cara Membuat Tombol Share Melayang

 

Hay  gans, saya akan share tentang Cara Membuat Tombol Share Melayang '' seperti gambar diatas atau disamping ini, gans ada banyak cara supaya pengunjung atau visitor bisa  tertarik membaca postingan lalu tertarik Share, dan pastinya... saya udah tahu gans mana orang yang berterimakasih, dan mana yang akan sukses di SEO atau sebagai Blogger pastinya ia akan share artikel yang menurut hati mereka pantas dan pass menuurut mereka.

ya sudah gans mari kita ke inti pembicaraan post ini:

Caranya gans kita ambil yang Super Simple gans, hahaha:

1. Login Dashboard blogger atau Halaman utama blogger
2. Klik tata letak
3. Klik Tambahkan Gadget
4. Lalu klik atau pilih Javascript/HTML
5. Lalu masukan kode berwarana Biru berikut dibawah ini gans:

<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right: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="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='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: 9px;text-align:center;"><a href="http://sharetivis.blogspot.com/" target="blank"><font color="blue">[Get Widget]<font></font></font></a></div></div>

<!--Widget Share Button Melayang sudah muncul gans-->

Nah gans sekarang tinggal klik Simpan Lalu akan muncul deh keatas atau kebawah disamping kanan layar akan muncul tombol share seperti di blog Sharetivis ini,

yah sekian gans, semoga bisa bermanfaat untuk agan, saca ucapkan Terima Kasih

Bila berminat mohon koment gans!...

Minjam yah kaskus, hahaha