Jenny IT Creatif â„¢

Informasi dan Teknologi Penunjang Kesuksesan Masa Depan

Monday 21 January 2013

Cara Membuat Share Button Facebook di pojok Blog

Kali ini saya akan sharing mengenai cara membuat tombol share facebook di pojok kanan bawa blog. Salah satu cara mendapat trafict atau pengunjung adalah dengan mempromosikan blog kita ke berbagai jejaring sosial/ social network seperti facebook . Tombol ini cukup unik dan menarik karena berada di pojok blog dan akan terus dipojok walaupun kita scroll kebawah atau atas... kurang lebih bentuknya akan seperti dibawah ini :
 
 

Menarik Untuk di cobakan... Langsung ke Tutorialnya :
  • Loggin ke blog kalian
  • Lalu klik rancangan ---> dan klik edit html
  • cari kode  ]]></b:skin>
  • lalu kopi paste kode dibawah ini, 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>
  • lalu save
---sekian--- HAppY BLOGging :)

No comments:

Post a Comment