Cara Memasang Tombol Share Facebook di pojok blog

Written By naufal aulia on Minggu, 01 Juli 2012 | Minggu, Juli 01, 2012

Cara Memasang Tombol Share Facebook di pojok blog - Salah satu cara mendapat trafict atau pengunjung adalah dengan mempromosikan blog kita ke berbagai jejaring sosial/ social network seperti facebook .. nah.. setelah dulu saya pernah share tentang Cara Membuat Like Button Facebook di Bawah Postingan kali ini saya akan berbagi ilmu yg saya tahu tentang cara membuat tombol share facebook di pojok blog. 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 :)

Ditulis Oleh : naufal aulia ~nofal-sama77

Muh.Akram Anda sedang membaca artikel berjudul Cara Memasang Tombol Share Facebook di pojok blog yang ditulis oleh nofal-sama77 Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.

Blog, Updated at: Minggu, Juli 01, 2012

0 comments:

Poskan Komentar