Tips Mudah Membuat Tombol Share Melayang di Samping Blog Tanpa Edit HTML

Bismillah . . . Ini adalah post pertama saya di sigli cyber, setelah sekian lama admin sigli cyber vakum karena kesibukan yang sangat padat di dunia nyata.

Mudah-mudahan amanah ini bisa saya jaga dengan baik. Thanks for admin sigli cyber yang telah percaya kepada saya, dan Insyaallah saya akan mengurus blog ini dengan sangat baik.

Baiklah kita kembali ke permasalahan pokok yaitu pada kesempatan ini saya akan berbagi tentang Tips Mudah Membuat Tombol Share Melayang di Samping Blog Tanpa Edit HTML

Tips ini di khususkan untuk para newbie yang baru belajar ngeblog, kalau para master gak perlu di tanya lagi soal beginian udah ada di luar kepala :D

Tombol Share Melayang di Samping Blog ini sangat berguna untuk menaikkan traffic blog. Dan yang paling mudah yaitu sobat tidak perlu edit-edit HTML yang akan membingungkan sobat!

Berikut langkah untuk memasangnya:

• Masuk ke akun blogger sobat
• klik Tata letak>Tambah gadget>HTML/Javascript
• Pastekan Script berikut

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

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solidblack; 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://sigli-net.blogspot.com/2014/07/cara-mudah-membuat-tombol-share.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-->

• Simpan/Save