Cara Membuat Tombol Like Facebook, Tweet,Google Plus Melayang di Samping Blogger

Berkut saya sajikan buat Anda tutorial blog bagaimana cara membuat tombol facebook, twitter, Google plus, StumbleUpon dan Digg melayang di samping blog Anda. Oke Langsung aja sob.... simak neh caranya : 

• Seperti biasa, Anda log in dulu lah ke blog Anda.
• Setelah masuk, langsung tuju saja bagian Tata Letak
• Tambahkan Gadget (di bagian apa saja), kemudian tambah HTML/Javascript
• Copy kode HTML berikut 

<!--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='fb'><a name="fb_share" type="box_count" href="http://bloggermahir.blogspot.com/2013/01/membuat-tombol-like-facebook-twitter-google-plus-melayang-disamping-blog.html">Get This</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </div></div>

• Jika sudah, klik Save, dan Silahkan Pratinjau Hasinya......

Ok... sampai disini aja SOB.... silahkan Praktekkan sendiri yah.... dan jangan lupa,,,,, sisip KOMEN dan LIKE  nya ya...hehehehe

Ditulis Oleh Unknown Tanggal Thursday, October 16, 2014 | 5:14 AM

Bagikan Artikel ini Di :

Tweet