Kali ini saya akan berbagi ilmu yg saya tahu tentang cara membuat tombol share facebook berada di bagian sudut blog. Tombol ini cukup unik dan menarik karena berada di pojok blog dan akan terus dipojok walaupun kita scroll kebawah atau atas, saya rasa widget ini layak dan cocok anda gunakan pada blog anda sehingga saya berbagi pengetahuan dengan anda.
Berikut ini tutorial cara membuat tombol share facebook berada di bagian sudut blog :
- Loggin ke dashboard blog anda
- Template ---> dan klik edit html
- cari kode ]]></b:skin>
- Letakkan kode berikut, diatas kode ]]></b:skin>
#pageshare {position:fixed; bottom:1%; right:10px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; height:auto; 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:55px !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:14px;}
- lalu, cari kode </body>
- letakkan kode dibawah ini, diatas kode </body>
<div id='pageshare' title='Share @Facebook'><div class='sbutton' id='fb'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>ans!!</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>
<div class='sbutton' id='gb'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' layout='box_count' show_faces='false'/></div></div>
- Klik pratinjau, pada sebuah postingan. Jika berhasil silahkan disave.
Posting Komentar