Cara Membuat Tombol Share Melayang di Blog

Cara Membuat Tombol Share Melayang di Blog ~ Untuk memperbanyak artikel blog saya ini yang masih minim, maka saya akan menyajikan tutorial-tutorial blog lengkap yang tentunya bermanfaat bagi anda semua. Untuk itu tutorial blog saya kali ini adalah tentang "bagaimana cara membuat tombol share melayang di blog".

Semakin menarik tombol share artikel blog saudara, maka semakin tertarik juga pengunjung blog untuk menyebar luaskan artikel saudara ke situs-situs sosial media seperti Facebook, Twitter dan juga Digg. Sehingga artikel saudara akan di kenal oleh banyak orang yang tentu saja baik sekali untuk reputasi blog saudara.

Untuk anda yang tertarik untuk memasangnya silahkan ikuti prosedur sederhana di bawah ini :

• Buka akun blog anda
• Pilih menu tata letak
• Kemudain tambah gadget (di mana saja terserah)
• Lalu pilih Html/javascript
• Copy script di bawah ini, lalu simpan pada kolom html/javascript tadi.


<!--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://ngeblog07.blogspot.com/2013/04/membuat-tombol-share-melayang-di-blog.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>

• Klik simpan

Baca Juga :

• Cara Membuat Tombol Share di Atas Postingan Blog
• Memasang Widget Jejaring Sosial Melayang di Blog
• Cara Memasang Widget Page View di Tiap Postingan

Tweet

Terima Kasih Atas Kunjungan Anda
Judul: Cara Membuat Tombol Share Melayang di Blog
Ditulis Oleh Unknown
Artikel ini dipatenkan pada www.myfreecopyright.com, Jika mengutip harap berikan link balik yang menuju artikel Cara Membuat Tombol Share Melayang di Blog ini. Jika tidak akan diproses secara DMCA Takedown yang tentu saja tidak baik akibatnya bagi blog saudara. Terima kasih atas perhatiannya