Pasang Like Box Facebook PopUp Di Blog

Tweet

Pasang Like Box Facebook PopUp Di Blog- Hay sobat putupunyablog, pada kesempatan kali ini saya share Tutorial blog Cara Memasang Widget Like Box Facebook PopUp Di Blog. Sobat pasti pernah melihat widget ini di facebook. Biasanya widget ini ada di aplikasi facebook yaitu RSS Graffiti. Saat kita membuka aplikasi tersebut kita melihat ada sebuah tampilan popup seperti pengisian data atau apalah :D.

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!.

<!-- putupunyablog.blogspot.com 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://putupunyablog-likebox.googlecode.com/files/ppb-likebox2.js"></script>
<script type="text/javascript">
//<![CDATA[
    $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- putupunyablog.blogspot.com 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 :).

Baca Juga Artikel Dibawah Ini!