Cara Membuat Fanpage Facebook Melayang Di Blog

In Blogging

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.

Tags: #tips blog #trik blog #tutorial blog

3 Tutorial Cara Membangun Toko Online di WordPress
3 Tutorial Cara Membangun Toko Online di WordPress
Seiring perkembangan teknologi internet saat ini, semakin
Bagaimana Cara Menggunakan WordPress Untuk Pemula
Bagaimana Cara Menggunakan WordPress Untuk Pemula
WordPress sendiri adalah salah satu fasilitas yang
Membuat Simple Syntax Highlighter Di Blogger
Membuat Simple Syntax Highlighter Di Blogger
Apakah anda Ingni Menggunakan Prettify Syntax
Memasang Widget Random Post di Blogger dengan Thumbnail
Memasang Widget Random Post di Blogger dengan Thumbnail
Random Post Blogger Thumbnail – Apakah
Tips dan Trik Menggunakan WordPress untuk Pemula
Tips dan Trik Menggunakan WordPress untuk Pemula
Apakah anda baru Menggunakan CMS WordPress
2 Cara Membuat akun OpenID untuk Berkomentar di Blog
2 Cara Membuat akun OpenID untuk Berkomentar di Blog
alimadura.com – Pada artikel kali ini
Tips Menulis Artikel Untuk Meningkatkan Pengunjung Blog
Tips Menulis Artikel Untuk Meningkatkan Pengunjung Blog
Bagaimana cara Membuat Artikel yang Berkualitas
Must read×

Top
web statistics