Cara Membuat FansPage Facebook Melayang dengan Timer di Blog

Posted By Pakar teknologi on Sunday, 12 April 2015 | 10:57:00


cara-membuat-fanspage-facebook-melayang


Cara Membuat Like Box Facebook Melayang dengan Timer di Blog. Setelah sebelumnya membahas Cara Membuat LikeBox Facebook Melayang di Blog. Sekarang saya akan bahas lagi cara atau bisa dibilang model kedua dari kreasi menampilkan likebox facebook melayang. Yang keren dari Model sekarang ini adalah bentuknya yang Popup dengan tambahan timer yang akan membuat likebox ini tertutup secara otomatis. Keren bukan ? dan membuat beda dari model pertama adalah Likebox popup ini otomatis tidak akan muncul kembali jika kita sudah like dan juga kita tidak perlu membuat  kode script likebox. Mudah Bukan ?? Terimakasih untuk blog kakiheboh.com yang telah mendesain dan share tutorial ini. Dan untuk pemasangannya pun sangat mudah tinggal copas code script yang sudah disediakan di bawah ini di dalam template blog diantara <body> dan </body> intinya diletakkan sesudah <body> dan sebelum </body>.

Sebelum kita mulai memasangnya seperti tutorial sebelumnya jangan lupa sobat sudah membuat fanpage facebooknya okehh.Ok langsung kita mulai saja !!!

1. Seperti Biasa login Ke blognya masing2
2. Pada Dashboard blog silahkan pilih Template >> Lalu Edit HTML >> Kemudian jangan lupa Centang Expand Template Widget
3. Cari kode tag <body> atau </body>. Untuk mempermudah Klik ctrl+f dan ketikan <body> atau </body>
4. Copy kode di bawah ini dan pastekan di bawah <body> atau diatas </body>
Code Script:

<!-- abyfarhan.com Likebox Pro FBFan Code Start -->
<style>
#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px; _position: absolute; 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; 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: 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>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="
pages/Pakar-Teknologi/1604691176410348",
 kakinetworkdotcom01title="Join us at Facebook!",
 kakinetworkdotcom01skin="02",
 kakinetworkdotcom01time="25",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='http://lostsector-project.googlecode.com/files/likebox-facebook-with-timer.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- abyfarhan.com Likebox Pro FBFan Code End -->


Keterangan :
#
pages/Pakar-Teknologi/1604691176410348 >> Ganti dengan Link Fanpage facebook Sobat
# Join us at Facebook! >> Bisa diubah sesuai selera
# time="25" >> Atur waktu Y timer popupnya sesuai selera
# skin="02" >> Skin bisa dirubah2 , tinggal pilih dan pasang (01, 02, 03, 04) Tinggal pilih dibawah ini :
SKIN "01"
cara-membuat-fanspage-facebook-melayang 


 SKIN "02"

cara-membuat-fanspage-facebook-melayang



 SKIN "03"
cara-membuat-fanspage-facebook-melayang



SKIN "04"
cara-membuat-fanspage-facebook-melayang


5. Jika sudah Simpan Template dan Selesai !!
Blog, Updated at: 10:57:00
Comments
0 Comments

0 komentar:

HUBUNGI KAMI DI WHATSAPP: 081311213879


Powered by Blogger.

"MUTIARA PRIVAT"

Menyediakan guru les privat untuk TK, SD, SMP, SMA, SMK, Perguruan Tinggi & Umum lengkap untuk semua mata pelajaran (tinggal pilih). Guru les privat datang ke rumah di seluruh wilayah JAKARTA, BOGOR, DEPOK, TANGERANG dan BEKASI. Untuk Informasi dan Pendaftaran silahkan Call/SMS: 081311213879 (Simpati)

Support