Searching...

Popular Posts

Monday 26 November 2012

Cara Membuat Facebook Fan Page Melayang (Pop Up)

18:30

Good Morning Saudara, gimana kabar..?
Mau punya banyak jempoler di Facebook, penting lho untuk meningkatkan kunjungan ke Blog Sampeyan karena setiap orang yang nge-like, posting Sampeyan yang sudah di interegasikan dengan facebook lewat fan page facebook akan secara otomatis terkirim ke dindingnya, jadi secara otomatis jempoler tersebut berlangganan artikel Sampeyan. Hebat kan...?



Dalam tutorial kali ini saya akan tularkan ilmu tentang cara membuat Pop Up Fan Page. Hebatnya widget ini, Sampeyan bisa melakukan setting sesuai keinginan Sampeyan mulai dari skin, timer dan kalimat yang diinginkan. Hmmmm... Pengin gak...? Kalau kepingin "monggo" ikuti tutorialnya kali ini.

Berikut ini langkah-langkahnya
1. Silahkan Login akun Blog Sampeyan
2. Pilih menu Template pada dshboard Sampeyan
3. Silahkan Cadangkan / Backup Template terlebih dahulu dan unduh Template Lengkap, hal ini diperlukan untuk mengantisipasi kalau terjadi kesalahan saat dilakukan pengeditan.
4. Kemudian pilih Edit HTML dan klik Lanjutkan
5. Setelah itu don't forget atau jangan lupa Centang Expand Template Widget
6. Cari kode </body> gunakan Ctrl+F untuk mempermudah pencariannya
7. Apabila sudah ditemukan silahkan Copy kode dibawah ini lalu simpan di atas kode </body>

<!-- Begin Likebox Fans http://realifact.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="Alamat Fan Page",
 kakinetworkdotcom01title="Join us at Facebook!",
 kakinetworkdotcom01skin="04",
 kakinetworkdotcom01time="20",
 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://realifact.blogspot.com/ -->

8. Setelah selesai di Copy, silahkan ganti tulisan Alamat Fan Page dengan Username Fan Page Facebook milik Sampeyan, Contoh : ( http://www.facebook.com/Alamat Fan Page ) Ambil Usernamenya saja
9. Ganti tulisan Join us at Facebook! dengan kata-kata yang Sampeyan 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 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.

0 comments:

Post a Comment