Cara Membuat Like Facebok Melayang Dengan Timer

kevinservis TIPS BLOG 27 Mar 2013

Tutorial | Cara Membuat Halaman Facebok Melayang (Pop-up) Dengan Waktu/Timer. Ini dapat membuat halaman facebook kita banyak yang nge-LIKE(suka). Namun perbedaan ini dengan Cara Membuat Halaman Facebook Melayang (Popup) di Blog adalah halaman facebook akan tertutup otomatis pada waktu tertentu dan tidak bisa tertutup sebelum waktunya habis. mungkin bisa membuat pengunjung jengkel, tapi menurut saya ini juga satu langkah untuk optimasi social bookmarking, dengan banyak fans, maka jika kita update otomatis akan memberitahu postingan baru tsb dari facebook, memungkinkan mendatangkan lebih banyak pengunjung.

Berikut adalah caranya :

• Pertama Login >> Template >> Edit HTML. 
• Kemudian cari kode </body>
• Copy dan paste kode di bawah tepat di bawah kode </body>

<!-- Fans Page Pop Up by T4belajar Code Start -->
<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: &quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;
}

#fblikepop #actionHolder {
    height: 68px;
    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>google.load(&quot;jquery&quot;, &quot;1&quot;);</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 kakinetworkdotcom01username="t4belajar",
 kakinetworkdotcom01title="Tidak ada salahnya jika anda menyukai Halaman Facebook Blog ini!",
 kakinetworkdotcom01skin="04",
 kakinetworkdotcom01time="20",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='https://adjifb.googlecode.com/files/pop-up-fans-fage-facebook-blogger-tutorial.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: false });});
//]]>
</script>
<!-- Fans Page Pop Up by T4belajar Code End -->

• Untuk kode yang berwarna Merah kalian ganti dengan ID Hamalan Facebook anda.
• Untuk kode yang berwarna Hijau kalian ganti dengan Header (Diskripsi) pada widget ini.
• Untuk kode Biru bisa kalian ganti dengan skin atau gambar pada widget ini. cth : 00, 01, 02,03, 04. Hanya sampai 04 yaa..
• Kode yang berwarna Jingga / Orange bisa kalian ganti dengan lamanya waktu tampil widget ini. Dalam sekon atau detik yaa..
• Kode Kuning dapat kalian ganti dengan kapan widget ini muncul.
• Dan kode yang berwarna Ungu dapat kalian ganti dengan kode bahasa.
• Simpan dan lihat hasilnya..!

Sekian postingan Blogger Tutorial tentang Cara Membuat Like Facebok Melayang Dengan Timer, semoga bermanfaat :)