Cara Membuat Like Fans Page Pop Up

Bagikan :

Tweet

Advertisement

Cara Membuat Like Fans Page Pop Up - Salah satu hal yang mungkin perlu dilakukan untuk menjaring fans page facebook adalah dengan memasang widget fans page di blog. Kali ini kangrif akan berikan informasi cara membuat like fas page pop up. Tentunya ini sudah tidak asing lagi bagi para blogger namun bagi saya ini masih baru. Karena saya ingin mempercantik salah satu blog saya maka saya mencari informasi tentang Cara Membuat Like Fans Page Pop Up. Hasilnya saya share di sini sebagai arsip pribadi dan jika memang bermanfaat juga bagi sobat yah syukur gitu..hehehe..

Setelah saya cari informasi ternyata banyak sekali cara yang disarankan. Dari manual hingga berupa widget, dari gratis hinga berbayar. Namun saya lebih suka yang gratisan aja..hehehe

Widget Generator
Jika Anda mau bisa menggunakan widget generator untuk membuat like fans page. Selain gratis penggunaan widget semacam ini sangat mudah. Anda tinggal mengisi form yang ada terus jadi deh.. Kalo berminat Anda bisa mencobanya di sini

Like Fans Page Manual
Yang saya maksudkan disini adalah Anda memasang secara manual di template sobat dengan cara edit template. Banyak sekali caranya salah satunya adalah sebagai berikut.

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://kangrif.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=" BelajardanNgeblog",
 kakinetworkdotcom01title="Like Fans Page dulu Cooooy!!!",
 kakinetworkdotcom01skin="04",
 kakinetworkdotcom01time="30",
 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>
<!-- End Likebox Fans http://kangrif.blogspot.com/ -->

 8. Setelah selesai di Copy, silahkan ganti tulisan BelajardanNgeblog dengan Username Fan Page Facebook milik sobat, Contoh : ( http://www.facebook.com/BelajardanNgeblog ) Ambil Usernamenya saja
9. Ganti tulisan Like Fans Page Dulu Coooy!!! dengan kata-kata yang sobat inginkan.
10. Ganti angka 04  dari 01 - 04 untuk mengatur tampilan, bisa dilihat setelah diganti angkanya kemudian klik Pratinjau untuk melihat hasilnya.
11. Ganti angka 30  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.

Tag : Tutorial Blog