Cara Membuat Facebook Like Box
Melayang dengan Waktu – Facebook Like Box adalah sebuah Widget yang memuat Halaman Fans Page Facebook yang dapat di Ikuti atau Like. Facebook Like Box adalah salah satu dari beberapa widget yang wajib di pasang di sebuah blogger untuk ajang Promosi dan Menambah Pengunjung. Kali ini saya akan berikan tutorial nya bagaimana cara membuat Facebook Like Box dengan sangat mudah.baca juga : Cara Membuat Artikel Terkait dengan tubnail di Bawah Postingan
Keunggulan dari Facebook Like Box yang saya berikan ini adalah menggunakan jeda waktu, sehingga apabila waktu tadi sudah sampi ke 0 (habis) maka Facebook Like Box kan tertutup dengan sendirinya. Kelebihan lainnya adalah terdapat tombol Close atau tutup di bagian sisi kanan atas, sehingga tidak ada unsur pemaksaan sedikit pun dari pihak pemilik Fans Page Facebook. jadi kita beri jeda waktu sebentar untuk pengunjung dan juga jika tidak ingin Meng Like pengunjung tinggal memilih tanda silang. Facebook Like Box ini saya rasa adalah Box facebook terbaik untuk sobat coba pasang di blog sobat. bagi sobat yang tertarik untuk memasangnya atau tertarik untuk mempelajari nya silahkan simak cara membuatnya berikut ini.
1. buka Blog Sobat > masuk menu “Template” > Edit HTML > salin kode CSS berikut ini dan letakkan di atas kode </style>
/* Likebox PopUp with Timer */
#fblikepop { background-color: #fff; display: none; position: fixed; top
#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; 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;}
2. setelah itu salin kode di bawah ini dan letakkan di atas kode </body>
<script type='text/javascript'>
//<![CDATA[
kakinetworkdotcom01username="253664224684238", //ID atau username fanpage
kakinetworkdotcom01title="Join us at Facebook!", //Tulisan yang tampil di bar
kakinetworkdotcom01skin="01", //Skin untuk gambar
kakinetworkdotcom01time="50", //Mengatur berapa lama widget tampil (dalam detik)
kakinetworkdotcom01wait="0", //Mengatu lama widget akan tampil ketika blog baru di buka
kakinetworkdotcom01lang="en" //Kode bahasa yang digunakan widget (Indonesia = ID
$(document).ready(function(){$().kakinetworkdotcom({ closeable: true });}); //true ganti dengan false jika ingin menghilangkan tombol close
//]]>
</script>
NB : silahkan sobat atur sendiri kode di atas sesuai selera sobat, jangan lupa rubah ID atau username Fanspage sobat.
3. Simpan Template dan Lihat hasilnya. Saya yakin jika sobat mengikuti tutorial di atas dengan benar maka halaman fans page sudah tampil dengan baik di blog sobat.
baca juga : Cara Membuat Menu DrobDown Menggunakan CSS di Blog
baca juga : Cara Membuat Menu DrobDown Menggunakan CSS di Blog
Demikianlah tutorial mengenai Cara Membuat Facebook Like Box Melayang dengan, yang harus di ketahui. jika sobat ada masalah atau sudah berhasil jangan lupa untuk mengisi Kotak komentar di bawah ini. Semoga artikel ini dapat menjadi ilmu yang bermanfaat.
Melayang dengan, yang harus di ketahui. jika sobat ada masalah atau sudah berhasil jangan lupa untuk mengisi Kotak komentar di bawah ini. Semoga artikel ini dapat menjadi ilmu yang bermanfaat.
0 Komentar