Cara Membuat Fans Page Facebook Melayang di Blog

Selamat pagi sahabat Alvin ?
Kali ini Alvin akan membuat artikel mengenai Cara Membuat Fan Page Facebook Melayang ( Pop Up ) Di Blog.

Silahkan liat juga postingan artikel saya sebelumnya yang berjudul:
Cara memasang Tombol Back to Top di Blog
Langsung saja tanpa basa basi, Kali ini saya akan membuat artikel dengan judul :
Cara Membuat Fan Page Facebook Melayang ( Pop Up ) Di Blog



Karena permintaan salah salah satu sahabat Alvin Inc. yang bertanya cara membuat dan memasang Fans Page Facebook melayang biasanya disebut Pop Up Fans Page, bisa dilihat juga di blog saya ini Fans Page Facebook ini bisa di rubah dan disetting tampilannya sesuai keinginan kita mulai dari skin, timer dan kalimat yang diinginkan dan fan page ini pun terbukti memperbanyak para jempoler yang menyukai Fan Page Blog kita, maka dari itu pada kesempatan kali ini saya akan membuatkan tutorial bagaimana cara membuat Fan Page Facebook melayang tersebut, Berikut cara pembuatannya.

Silahkan Ikuti Langkah-langkah berikut :
1. Silahkan Login akun Blog Anda
2. Pilih menu Template
3. Untuk mencegah terjadinya kesalahan silahkan Cadangkan / Backup Template terlebih dahulu dan unduh Template Lengkap
4. Kemudian pilih Edit HTML dan klik Lanjutkan
5. Setelah itu Centang Expand Template Widget
6. Cari kode </body> gunakan Ctrl+F
7. Apabila sudah ditemukan silahkan Copy kode dibawah ini lalu simpan di atas kode </body>

<!-- Begin Likebox Fans http://alvincelebration.blogspot.com/ --> 
<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="alvinshisui", 
 kakinetworkdotcom01title="Come on! Like our Fans Page on Facebook", 
 kakinetworkdotcom01skin="02", 
 kakinetworkdotcom01time="20", 
 kakinetworkdotcom01wait="0", 
 kakinetworkdotcom01lang="id" 
//]]> 
</script> 
<script type="text/javascript" src="http://alvin-shisui.googlecode.com/files/Timer.js"></script> 
<script type="text/javascript"> 
//<![CDATA[ 
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });}); 
//]]> 
</script>
<!-- End Likebox Fans http://alvincelebration.blogspot.com/ -->

8. Setelah selesai di Copy, silahkan ganti tulisan alvinshisui dengan Username Fan Page Facebook milik sobat, Contoh : ( http://www.facebook.com/alvinshisu ) Ambil Usernamenya saja
9. Ganti tulisan Join us at Facebook! dengan kata-kata yang sobat inginkan.
10. Ganti angka 02  dari 01 - 04 untuk mengatur tampilan, bisa dilihat setelah diganti angkanya kemudian klik Pratinjau untuk melihat hasilnya.
11. Ganti angka 20  untuk mengatur timer / waktu tunggu dalam hitungan detik
12. Angka 0 untuk mengatur waktu tampil atau bisa di biarkan seperti itu.
13. Apabila sudah selesai, silahkan Save Template atau Simpan Template. Dan lihat hasilnya. Selamat Mencoba dan semoga bermanfaat.

Terimakasih telah berkunjung ke blog saya, semoga kamu mendapat apa yang kamu cari.
Dan jangan lupa untuk baca yang lainnya juga.
Saya akan update 5 Posting setiap hari.
Mohon untuk di share posting yang saya berikan.
Shisui Lover~

TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://android-rush.blogspot.com/2013/01/cara-membuat-fans-page-facebook.html. Terima kasih sudah singgah membaca artikel ini.