Cara Pasang Pop Up Like Facebook dengan Timer di Blog


Salah satu Blogger Professional dan pemilik blog kakiheboh asal Indonesia ini telah menerbitkan widget ciptaannya. Banyak kalangan masyarakat baik dari Indonesia maupun Luar Negeri yang minat dengan widget menarik ini.
Yang membuat saya menganggap widget ini spesial adalah teknik tampilan border yang mirip seperti Facebook dan juga fitur timer atau penghitung mundurnya. Kalian juga dapat mengatur berapa lama timer akan berjalan (dalam detik) dan juga dapat mengatur  berapa lama widget ini akan tampil ketika blog di load (dalam menit), baik itu setelah 1 menit atau langsung tampil. Pada widget ini juga dapat mengganti background dengan keempat kode gambar (.js). Loading widget ini juga sangat cepat memungkinkan tidak ada beban apapun pada berat loading blog.

Untuk cara pembuatan dan pemasangannya silahkan ikuti langkah-langkah di bawah ini.
1. Pastikan kalian sudah login ke akun Blogger.
2. Masuk ke halaman "Template" dan klik "Edit HTML"
3. Cari kode </body> (gunkan Ctrl+F untuk mempermudah)
4. Salinlah kode/script dibawah ini dan letakan tepat diatas kode </body>

</style> 
<script src='http://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/> 
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/> 
<script src='http://anvity-host.googlecode.com/files/anvity-likebox2.js' type='text/javascript'/> 
<script language='javascript'> 
//<![CDATA[ 
$(document).ready(function(){ 
$().KNFBFansPRO({ 
timeout: 30
wait: 0
url: 'http://www.facebook.com/anvity', 
closeable: true }); 
}); 
//]]> 
</script> 
<div id='fbtpdiv'/>

5. Save Template. Done!

Edit Kode/Script Widget FB LikeBox

Pemasangan widget belum selesai sampai disini. Ada lagi yang perlu di edit pada kode diatas.
  1. Ganti kata ANVITY Blog dengan kata yang akan tampil di bagian atas widget, misalnya "Join ANVITY Blog on Facebook"
  2. Ganti angka 30 dengan angka yang akan mengatur berapa lama widget itu akan tampil (dalam detik)
  3. Ganti angka 0 dengan angka yang akan mengatur lamanya widget ini akan tampil ketika blog baru di load (dalam menit)
  4. Ganti anvity dengan username FansPage atau jika belum mempuyai username pada FansPage, gunakan ID FansPage (ihat pada address bar browser kamu)
  5. Terakhir, ganti juga true dengan false jika tanda X (close) ingin dihilangkan.

Mengganti Gambar Background Widget FB LikeBox

Sahabat juga dapat mengganti gambar background widget. Silahkan ganti tulisan yang berwarna merah pada kode widget diatas dengan kode-kode gambar dibawah ini.
Facebook Like Box Timer ANVITY
Background ini sudah terpasang di kode widget di atas.
http://anvity-host.googlecode.com/files/anvity-likebox2.js
Facebook Like Box Timer ANVITY
http://anvity-host.googlecode.com/files/anvity-likebox4.js
Facebook Like Box Timer ANVITY
http://anvity-host.googlecode.com/files/anvity-likebox3.js
Facebook Like Box Timer ANVITY
http://anvity-host.googlecode.com/files/anvity-likebox.js
Kurasa sampai disini, jika masih ada masalah dan perlu ditanyakan berikan komentar. Happy Blogging and Enjoy it!

Blog Archive

Home - About - Order - Testimonial
Copyright © 2010 Cara Mengecilkan Perut All Rights Reserved.