Cara Membuat Tombol Share Facebook Twitter G+ Di Blogspot
Cara memasang tombol share melayang di blog kali ini yang akan kita bahas adalah tombol share social media melayang di bagian kiri blog yang kita miliki, menurut bang tohir dengan memasang tombol share di bagian kiri tidak akan mengganggu para pembaca artikel di blog kita.
Oke sobat..langsung menuju ke TKP cara membuat tombol share melayang di blogspot berikut ini :
Pertama : silahkan sobat login tentunya ke blog.
Kedua : Setelah berada di dasbord blog silahkan pilih : tata Letak / Layout
Setelah berada di bagian layout silahkan sobat klik Add a gadget. Terserah mau di letakan dimana karena untuk script yang akan bang tohir bagikan tidak mempengaruhi tata letaknya, karena sudah di setting ketika tampil di blog berada di bagian kiri blog atau melayang di samping artikel.
Ketiga : setelah klik Add a gadget – kemudian pilih HTML / JAVA SCRIPT
Ke Empat : Copy Pastekan Kode di bawah ini di dalamnya – Klik SAVE
<!-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://goo.gl/wosAad” target=”blank”><font color=”black”>Get This<font></font></font></a></div></div>
Note : apabila script sudah tidak berfungsi lagi silahkan laporkan kepada bang tohir via contact us atau via komentar di tulisan cara membuat tombol share melayang di blog ini ya.
Sangat mudah sekali tentunya cara membuat tombol share melayang di blog, cara ini apa yang bang tohir terapkan di blog ini. Sobat bisa lihat di bagian kiri tombol social media melayang dan silahkan bagikan artikel ini jika ingin bantu membantu menyebarkan manfaat kepada sesama untuk membangun pahala pasif income kita bersama.
Demikian sedikit tutorial singkat cara membuat tombol share facebook twitter melayang di blogspot, semoga sobat juga berhasil ya.
