Membuat Widget Fanspage Facebook

Kali ini saya akan mengepost mengenai widget 

• Login dengan akun blog anda
• Pilih blog yang ingin anda edit
• Masuk ke menu TEMPLATE--> Klik Edit HTML
• Cari kode </body>
• Kemudian simpan kode di bawah ini tepat di atas kode </body>

<!-- POWERED BY : bit.ly/AndraAP DO NOT REMOVE THIS -->
<style>
#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px; _position: absolute; 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; 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: &quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, 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>google.load(&quot;jquery&quot;, &quot;1&quot;);</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 kakinetworkdotcom01username="USERNAME",
 kakinetworkdotcom01title="JUDUL",
 kakinetworkdotcom01skin="01",
 kakinetworkdotcom01time="25",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>

<script src='http://blognyailmu.googlecode.com/files/likeboxpopup.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- END -->

• Klik simpan

Penjelasan Kode di Atas:

• Ganti kode berwarna merah dengan ID halaman atau ID fan page facebook yang saudara miliki.
• Ganti juga tulisan "Jangan Lupa Like Yah ^_^" dengan header deskripsi yang anda inginkan.
• Kode berwarna biru adalah kode yang menunjukan berapa lama widget pop up ini muncul. Ukuran waktu dalam sekon atau detik yah . . .
• Kode hijau adalah kode untuk menentukan kapan widget ini akan mucul.
• Dan kode yang berwarna Ungu dapat kalian ganti dengan kode bahasa.
• Anda juga bisa mengganti kode True menjadi False jika tidak ingin ada tombol close/tutup pada widget ini nantinya
• 01 adalah kode skin atau gambar. Anda bisa menggantinya dengan (02, 03, 04). Untuk contoh skinnya bisa dilihat gambar di bawah ini:

01

02

03

04

Mohon tidak menghapus watermarknya ya 

By : Andra

Written by Nulled

Blogger Muda Yang Masih Berstatus Pelajar, Yang Berkecimpung Di Dunia IT Semenjak Tahun 2013 Dan Ingin Berbagi Ilmu Pengetahuan Tentang Programming Web Design,Desktop Application, Tips Blogging, Google Adsense, Dan Internet Marketing. Temukan Celotehan Saya Di Twitter @Anaksmkti