Cara membuat tombol share melayang di samping artikel yang SEO friendly adalah tombol yang digunakan untuk menyebarkan artikel atau blog sobat melalui social media, seperti Facebook, Twitter dan Digg. Tombol ini akan melayang di samping artikel bukan seperti widget yang menempel pada tempat dia ditaruh. Contohnya bisa sobat lihat sendiri di blog ini, ada widget disamping kanan sobat. Iya kan? Widget ini sudah SEO friendly lhoh.
Kenapa harus ke social media? Perlu sobat tau, semakin banyak link yang mengarah ke blog sobat dan semakin tenar pula blog sobat di social media, maka google dan search engine lainnya juga akan lebih cepat mengindex blog sobat dengan lebih baik. Tapi tidak boleh nyepam yaa, klik disini untuk ciri-ciri spam.
Logikanya, kalau banyak orang atau visitor yang mensubmit artikel atau blog kita ke berbagai social media, maka semakin baik pula blog atau artikel kita di mata search engine. Nah, maka dari itu disini saya share ilmu Cara Membuat Tombol Share Melayang Di Samping Artikel Yang SEO Friendly. Berikut adalah langkah-langkahnya :
1. Masuk ke dashboard Blogspot sobat
2. Masuk kesalah satu blog sobat (kalau punya lebih dari satu blog)
3. Pilih Layout
4. Tambah gadget dimanapun terserah
5. Pilih HTML/Java Script
Masukkan kode-kode berikut 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-->
6. Simpan Widgetnya
Jreng....jreng...silahkan di preview maka akan muncul widgetnya di samping artikel atau blog sobat. Gimana mudah kan untuk Cara Membuat Tombol Share Melayang Di Samping Artikel Yang SEO Friendly. nantikan tips SEO friendly yang lain di Kupas Tuntas Tentang SEO. Sampai jumpa, semoga sukses !
0 komentar:
Post a Comment