Kesehatan, Cara Hidup Sehat, Cara Mengobati, Mencegah Penyakit

Thursday, April 11, 2013

Cara Membuat Halaman Facebok Melayang di Blog Dengan Waktu/Timer

Cara Membuat Halaman Facebok Melayang di Blog Dengan Waktu/Timer – Cara Membuat Halaman Facebok Melayang di Blog Dengan Waktu Kini kita 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. Berikut adalah caranya :

Cara Membuat Halaman Facebok Melayang di Blog Dengan Waktu/Timer

  • 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="Like yah sobat!",
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 deh.

 

Sekian tutorial Blog  Cara Membuat Halaman Facebok Melayang di Blog Dengan Waktu/Timer, semoga bermanfaat sobat.

Cara Membuat Halaman Facebok Melayang di Blog Dengan Waktu/Timer Rating: 4.5 Diposkan Oleh: Blogger

1 comments:

  1. Mas kalau kode yang berwarna kuning maksudnya apa, saya kurang ngerti...

    ReplyDelete