Cara Mudah Membuat Tombol Share Melayang di Samping Blog Tanpa Edit HTML
Cara Mudah Membuat Tombol Share Melayang di Samping Blog Tanpa Edit HTML-Untuk menaikkan traffic blog biasanya para blogger sering menambahkan atribut-atribut seperti tombol share di bawah postingan, di atas postingan, bahkan ada yang bisa melayang di samping blog! dan yang paling mudah yaitu anda tidak perlu edit-edit HTML yang akan membingungkan anda!
Nah kali ini saya akan nge share Cara Mudah Membuat Tombol Share Melayang di Samping Blog Tanpa Edit HTML, ingin tau cara nya? simak langkah berikut :
Baca juga: Cara Mudah Membuat Buku Tamu Keren Tersembunyi di Samping blog, Cara membuat Like Box Melayang keren dengan ukuran tidak terlalu besar
- Masuk ke akun blogger anda
- 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-->
<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
Coba lihat blog anda, caranya sangat mudah dan tidak perlu mengedit Html.
Semoga bermanfaat
Wassalam
Kata kunci yang sama :
- cara membuat tombol share melayang di samping blog
- Cara Mudah Membuat Tombol Share Melayang di Samping Blog
- Bagaimana Cara Mudah Membuat Tombol Share Melayang di Samping Blog
- Membuat Tombol Share Melayang di Samping Blog
- Membuat Tombol Share Melayang
Gan Kenapa Like Facebook Nya Diatas
BalasHapusCoba Visit Deh adamrizqi9c.blogspot.com
BalasHapusudah saya tes di blog lain tp masih sama tampilannya sob! mungkin sobat terlalu banyak memasang widget, saya saranin hapus aja widget yg gk di perlukan
HapusAkibat Terlalu Banyak Memasang widget di Blog