Cara Membuat Tombol Share Melayang SEO Friendly

19 Oktober

Sekarang saya mau share tentang Cara Membuat Tombol Share Melayang SEO Friendly. Cara ini sudah banyak digunakan oleh Blogger sekarang. Soalnya tombol share ini sangat simpel, SEO friendly, user friendly dan tombol ini bisa melayang untuk memudahkan pengunjung untuk menyebar luaskan artikel kita ke berbagai sosial media seperti Facebook, Twitter, Google Plus, Digg.com, juga ada like facebook, Jadi tombol share ini sangat memudahkan pengunjung dan tentu saja kita sebagai blogger g perlu repot-repot untuk menyebarluaskan artikel kita. Untuk Cara nya mending langsung saja ke TKP -->

• Pertama, Masuk ke Dahsbor

• Kedua, klik Rancangan -> Tata Letak.
• Klik Tambah Gadget, dan pilih HTML/Javascript.
• Lalu masukan Judul dan script dibawah ini. 

<!--Widget Share like FB tweet google plus digg 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: 8px;text-align:center;"><a href="http://tips-gobel.blogspot.com/2012/12/blog-gratis-mudah-cepat.html" target="blank"><font color="blue">Cara Membuat<font></font></font></a></div></div>

<!--Widget Share like FB tweet google plus digg  Button Melayang End-->

• Lalu Simpan.

Mudah bukan? silahkan share artikel ini ya sobat.
Demikian tutorial Cara Membuat Tombol Share Melayang SEO Friendly.
Terima kasih
Semoga bermanfaat