Cara Membuat Like Box Facebook Melayang dengan Timer di Blog

AF Sahabat Artikel. Cara Membuat Like Box Facebook Melayang dengan Timer di Blog. Setelah sebelumnya membahas Cara Membuat Like Box 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>.

Sreenshotnya bisa lihat dibawah ini atau Demo Livenya langsung pada blog abyfarhan.com ini :

Sebelum kita mulai memasangnya seperti tutorial sebelumnya jangan lupa sobat sudah membuat fanpage facebooknya okehh. Tujuannya sih cuma buat ngambil Link username Fanpage facebook kita ajj.
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:

<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: "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>google.load("jquery", "1");</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
kakinetworkdotcom01username="pages/AF-Sahabat-Artikel/305351356172504",
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>

Keterangan :

# pages/AF-Sahabat-Artikel/305351356172504 >> 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"

SKIN "02"

SKIN "03"

SKIN "04"

5. Jika sudah Simpan Template dan Selesai !!

Selamat Mencoba, Semoga bermanfaat buat blognya, jangan lupa Like Fanpage AF Sahabat Artikel Okeh !!! Thanks

22 komentar:

SaputraMZJanuary 5, 2013 at 10:18 PM
Makasih mas Aby...script dari mas memang Ruarr biasa!
SUCY RESKYJanuary 8, 2013 at 4:27 PM
thanks sobat
UnknownJanuary 10, 2013 at 3:39 PM
thanks ilmunya :D
Cara Membesarkan PenisJanuary 21, 2013 at 6:49 PM
Very nice post and interesting to read, I love visiting this blog.
AdminJanuary 25, 2013 at 1:46 PM
mas yang kaya punya sampean gimana hehe
abiJanuary 28, 2013 at 7:36 AM
@Admin Sebelah Baca cara membuat fanpage facebook melayang mas, udah disediakan diatas, , , klo pengen kaya punya saya tinggal ditambahkan ajj diatas kode script likebox dengan script twitter follow me Y udah ada di akun twitter kita tinggal ambil ajj
esta riantoJanuary 30, 2013 at 10:39 AM
Olok mada
www.situs-internet.com
lisa cuteFebruary 22, 2013 at 11:13 PM
makasih gan infonya,sangat membantu sekali
Berbagi info unikFebruary 25, 2013 at 5:26 AM
terimakasih mas informasi nya
UnknownFebruary 28, 2013 at 8:19 PM
makacih ya gan :D
UnknownMarch 2, 2013 at 2:29 PM
kok tombol close nya gak ada gan? sudah ane coba
UnknownMarch 5, 2013 at 2:52 PM
Thankz Broo!!
UnknownMarch 8, 2013 at 4:43 PM
Mantapp , thanks ilmunya
AnonymousMarch 8, 2013 at 7:33 PM
aku coba di blog ku kok gak muncul2 yah?
apa ad yg salah?
UnknownMarch 9, 2013 at 6:48 AM
thanks berkat artikelnya saya bisa menyelesaikan blog saya

mohon kunjungannya
http://nashi-onpi.blogspot.com
alfajarMarch 28, 2013 at 9:07 PM
Alhamdulillah ketemu yang aku cari, thnkz sob..

Mohon cek donk all dah bekerja atau belum, jgn lupa like'ny yo ⇒ http://fajrin-dimension.blogspot.com/
AnonymousApril 2, 2013 at 11:48 AM
http://www.errorcrew.com/
Riki RukmanaApril 4, 2013 at 9:35 AM
skin 2 keren mas... matab dah...
Johny KurniawanApril 23, 2013 at 8:31 AM
makasih gan atas ilmunya... menarik sekali pembahasan mengenai fb fanpage ini.. Selain blog akan nampak lebih keren, dengan membuat fb fanpage tentunya bisa menjalin hubungan 2 arah antara pemilik blog dan audience blog..
Abdul Kholik LoebiezJune 12, 2013 at 7:01 PM
info yang mantaafa... tengs ya kaang
UnknownJune 27, 2013 at 2:31 AM
mampirya diblog aku!! :)
http://sevenastrals.blogspot.com
Obat herbal Penyakit PsoriasisSeptember 18, 2013 at 2:26 PM
asik,,mau langsung di praktekan ,,,thanks

Terima Kasih atas kunjungan dan komentarnya pada Blog ini. Thanks atas setiap Komentar, Masukkan, Saran, dan Kritik Y dapat membangun blog ini agar lebih baik lagi kedepannya. Berkomentarlah sesuai dengan Isi Bahasan Artikel. Mohon dengan Sangat Kepada Sobat-sobat untuk tidak berkomentar Y berbau unsur:
- Sara
- Pornografi
- No Spam !!! [Komentar menyertakan link aktif akan otomatis terdelete]
Terima Kasih atas Kunjungannya Sobat,,
Salam Sukses dari AF Sahabat Artikel

Cara Membuat Like Box Facebook Melayang dengan Timer di Blog

Next

Newer Post

Previous

Older Post

22 komentar: