Cara Membuat Facebook Like Box (FanPage) Melayang Dengan Timer Saat Membuka Blog

Satria Perwira    6/12/2012    Trixs Blogging   

 Cara Membuat Facebook Like Box (FanPage) Melayang Dengan Timer Saat Membuka Blog

Mungkin  sahabat blogger sering melihat.
Suatu Like Box FanPage melayang dengan waktu saat membuat blog yang dikunjungi.
Dan sobat berniat untuk memasangnya-?
Mzz... searching di google, ngga ketemu..
Aduuh.. putus asa deh.

Tenang disini bisa kok,
Ikuti langkah-langkahnya yah... pastinya dengan Tutor yang mudah=>
1. Login Blogger anda
2. Masuk pada rancangan template
3. Pilih edit HTML => Lanjutkan
4. Setelah selesai loadingnya cari code </body> (biasanya dibagian bawah template blog sobat)
=> atau dengan cara menekan CTRL+F atau F3, kemudian ketikkan code tersebut pada form yang muncul <=
5. Kemudian copy script dibawah ini :

<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: "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><script>google.load("jquery", "1");</script> <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <script type="text/javascript"> //<![CDATA[ kakinetworkdotcom01username="rafi.orilya.groups", kakinetworkdotcom01title="Join us at Facebook!", kakinetworkdotcom01skin="04", kakinetworkdotcom01time="20", kakinetworkdotcom01wait="0", kakinetworkdotcom01lang="en" //]]> </script> <script type="text/javascript" src="http://allbloggingtips.com/wp-content/uploads/2012/06/popup-with-timer-codez.js"></script> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });}); //]]> </script>

* Cara mengcopy script diatas  dengan klik pada bagian teks area kemudian tekan CTRL+A lalu dilanjutkan tekan CTRL+C (dilarang menggunakan Klik Kanan)

6. Kemudian Paste.kan script diatas sebelum code </body>
7. Selesai.... => kemudian silahkan edit sesuai data dibawah :
* Ganti username "rafi.orilya.groups" dengan username halaman FanPage sobat.
contoh : https://www.facebook.com/rafi.orilya.group
Ganti saja tulisan yang bergaris bawah diatas
* Ganti Timer 20 detik dengan waktu yang anda tentukan
* Ganti waktu tampil yang semula 0 , pada script tersebut

Silahkan Save template, atau Pratinjau terlebih dahulu.
Hehehehe.. :D
Mudah.kan-? pastinya donk...
Jika kurang jelas, silahkan komentar.

Artikel Dilindungi
Sertakan alamat blog ini jika mengcopy paste
(Hak Cipta Dilindungi)

Terima Kasih
Rafi Orilya Groups
by Rafi Aldiansyah Asikin