Moeln

Browse Manual » Wiring » cara » friendly » melayang » membuat » seo » share » tombol » Cara Membuat Tombol Share Melayang SEO Friendly

---

Cara Membuat Tombol Share Melayang SEO Friendly

Hello sobat bloggers Blog, 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://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 tutor Cara Membuat Tombol Share Melayang SEO Friendly.
Untuk sobat yang mau mendengarkan radio lewat winamp pemutar musik, bisa masuk kesini
Cara Mendengarkan Radio Online Lewat Winamp.
Terima kasih
Semoga bermanfaat
See You Next Post