Pasang Like Box Facebook PopUp Di Blog

Tapi widget kali ini berisi like box fans page facebook kita. Susah ya kalau saya terangi, kalau tidak jelas atau tidak tahu widgetnya seperti apa, berikut ini adalah tampilan widget like box facebook popup di blog!.

Jika sobat tertarik untuk memasang widget yang keren ini, silahkan sobat simak dan ikuti langkah-langkah berikut ini ;)!.

1. Login ke akun blogger sobat.

2. Dasbor >> Rancangan >> Elemen Laman >> Tambah Gadget.

3. Pilih Html/JavaScript.

4. Pastekan kode berikut ini di kolom konten. Untuk judul, sobat kosongkan saja!.

<!-- Ngericom.co.cc Likebox Pro FBFan Code Start -->

<style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}#fblikepop #closeable{float:right;margin:7px 15px 0 0;}#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:14px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}#fblikepop #actionHolder{height:30px;overflow:hidden;}#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}#fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style>

<script src="http://www.google.com/jsapi"></script><script>google.load("jquery", "1");</script>

<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

<script type="text/javascript">

//<![CDATA[

kakinetworkdotcom01username="TiaLibraGirl",

kakinetworkdotcom01title="Jangan Lupa Klik Suka/Like Sobat :)",

kakinetworkdotcom01skin="02",

kakinetworkdotcom01time="40",

kakinetworkdotcom01wait="0",

kakinetworkdotcom01lang="id"

//]]>

</script>

<script type="text/javascript" src="http://ngericom.com/ppb-likebox2.js"></script>

<script type="text/javascript">

//<![CDATA[

    $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});

//]]>

</script>

<!-- Ngericom.co.cc Likebox Pro FBFan Code End -->

Keterangan:

• Kode yang saya beri warna merah silahkan sobat ganti dengan ID fans page facebook sobat. Misalnya http://facebook.com/TiaLibraGirl . Kode yang saya cetak tebal itu adalah ID fans page saya.
• Pada kode yang saya beri warna hijau sobat bisa ganti 30, 20, 60 tergantung lamanya widget tersebut tampil di blog sobat.

5. Jika semuanya sudah selesai, jangan lupa klik "Simpan" dan lihat hasilnya :).

Itu saja yang saya bagikan di blog ini. Jika tidak ada yang mengerti, silahkan berkomentar dibawah ini. Semoga saya bisa menjawab pertanyaan sobat :).