Posted by : Unknown Tuesday 25 February 2014

yo.. sobat blogger ane mau ngebahas cara memasang tombol like dan share di samping blog
karena membuat tombol like dan share di atas atau di bawah postingan sudah terlalu mainstream
mari kita ubah ke suatu yang baru ^^ menarik bukan ?
yap ini cara nya 
1.login blogger
2.Tata Letak-->Add Gadget-->HTML JavaScript
3.masukan kode 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='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://cuklkiboy.blogspot.com/">Get This</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div></div>
*gambar contoh bila sudah jadi*


agan bisa gantikan kode yang berwana merah dengan Right bila ingin tombol like dan share nya ada di sebelah samping kanan blog

sudah selesai SIMPAN

selamat mencoba ^^

Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © Taufik Blog - Hatsune Miku - Powered by Blogger - Designed by Johanes Djogan -