Cara Membuat Fanpage Facebook Melayang Di Blog

Bagi Para Blogger Yang mempunyai Fanpage Facebook, dan ingin memasang pada Blog yang bersangkutan. anda bisa menggunakan kan Fanpage Popup atau Melayang agar pengunjung di paksa untuk melihat Fanpage anda, untung2 sampai di Like.

Apasaja Keunggulan dari Fanpage Facebook melayang yang satu ini, anda bisa mengatur berapa lama fanpage anda akan tampil, dan jika waktu habis fanpage akan menutup secara Otomatis.

Baca Juga :

Berikut Langkah menggunakan Facebook Popup Fanpage:

1. masuk ke Blogger dan pilih Edit Template

2. Cari Tag </body> Pada Template.

3. Jika sudah ketemu, Paste Kode Berikut tepat Di Atas tag </body>.

<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="Hanameracom",
     kakinetworkdotcom01title="Silahkan Like Fanpage Kita, Untuk Berita Update",
     kakinetworkdotcom01skin="04",
     kakinetworkdotcom01time="10",
     kakinetworkdotcom01wait="0",
     kakinetworkdotcom01lang="en"
    //]]>
</script>
<script type="text/javascript" src="http://wisnunugraha.googlecode.com/files/FansBoxWithTimer.js"></script>
<script type="text/javascript">
    //<![CDATA[
     $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
    //]]>
</script>

4. Selanjutnya Tinggal Anda Ubah  Kode Berikut

//<![CDATA[      kakinetworkdotcom01username=”Hanameracom“,      kakinetworkdotcom01title=”Silahkan Like Fanpage Kita, Untuk Berita Update“,      kakinetworkdotcom01skin=”04“,      kakinetworkdotcom01time=”10“,      kakinetworkdotcom01wait=”0“,      kakinetworkdotcom01lang=”en”  
//]]>

    • Hanameracom : Ganti Dengan Id Fanpage Sobat, contoh : https://facebook.com/hanameracom.
    • Silahkan Like Fanpage Kita, Untuk Berita Update : Ganti Dengan Judul yang Anda Inginkan.
    • 04 : Pilih Tema 01 s/d 04, Lihat saja pertinjau untuk tampilannya.
    • 10 : Waktu Popup Tampil hingga akhirnya menutup sendiri, dalam detik.
    • 0 : Waktu yang di perlukan Hingga Popup Tampil, biarkan saja jika bingung

     5. Jika Sudah, Save Template anda maka popup akan muncul otomatis saat pengunjung datang.

    Leave a Reply

    Your email address will not be published. Required fields are marked *