Facebook SDK


  Memang sudah banyak trik tips tentang Cara membuat like page facebook melayang di blog Tapi itu semua posisinya tidak berada di tengah - tengah blog.untuk trik yang saya berikan ini tidak demikian.walaupun resolusi untuk layar yang berbeda-beda fans page melayang ini akan tetap berada di tengah-tengah blog anda.

 Cara ini tidak saya anjurkan untuk di pasang di blog anda.Teknik ini sama halnya agar pengunjung untuk like page facebook kita secara paksa hehehehe.saya aja dulu juga kesal ketika saya masuk kesebuah blog dan ada page like facebook melayang di blog.Tapi untuk sekarang page itu malah saya pasang di karenakan saya lagi butuh like hehehehee...and saya pikir like facebook bisa menjadi ciri khas blog kita yang akan terus di ingat pengunjung waktu berkunjung lagi.

Untuk lebih jelas cara pembuatannya ikuti langkah-langkah di bawah ini :
  1. Login blogger
  2. Pilih tata letak - add java scrip lalu masukkan scrip di bawah ini :

<style type="text/css">
#topbar{
position:absolute;
padding-left:32%;padding-top:17%;
background-color: transparancy;
width: 292px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript" src="http://facewoman.googlecode.com/files/widget-facebook-melayang.js"></script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img alt="icon facewoman" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpEeqxNB9qMcv3OCDYlyCJ24wRImmeslUIhvQwUuC_sXE56EXkovsYJcMa9FdZKr45R8mOolykZA4fHWnHnCf8Dv_INw9l4QJfffNpMq2M0aq3AaXh_-tYwI2Z2h9ahaIPJzgWkoJ3zwoH/s1600/close+facewoman.png" /></a></div>
<center>
<div style="background: #fff;">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fsukakubaca&amp;width=292&amp;height=180&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=383097261727929" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:180px;" allowtransparency="true"></iframe>
</div>
</center>
</div>

Keterangan :
" Ganti Scrip facebook like page  dengan Scrip facebook anda. untuk sesuai ukuran lebar like page facebook"

Langkah terakhir save template.

 Jika anda memang berhasil dalam pemasangan nanti hasilnya akan seperti like page facewoman.blogspot.com.sekian dulu Cara membuat page facebook melayang di blog semoga bermanfaat.

2 Komentar

Hallo sobat..Kami Senang! Apabila Anda mau meninggalkan Saran, kritik dan Opini tentang Artikel Blog Kami.

  1. Anonim29/6/12

    nice info gan

    BalasHapus
  2. Ini artikel yg Ane lg cari2. Maksih BOs. Visit back

    BalasHapus

Posting Komentar

Hallo sobat..Kami Senang! Apabila Anda mau meninggalkan Saran, kritik dan Opini tentang Artikel Blog Kami.

Lebih baru Lebih lama