Jumat, 23 Maret 2012

ChatBox Bentuk Pop Up Melayang

Fari Hanum Inspirasiku, Selamat pagi menjelang ngantuk sobat....
Postingan kali ini saya buat selain banyak sekali yang request via email, juga terinspirasi dari kekasih saya yaitu Fari Hahum yang berada di Tanah Serambii Mekah sana.

Chatbox Pop Up Windows adalah bukutamu atau yang biasa disebut dengan chat yang hanya dimodifikasi bentuknya saja, biasanya terletak pada samping dengan animasi Show Hide atau juga ditampilkan secara utuh pada bagian halaman tertentu, tapi ChatBox Pop Up Windows ini berbentuk form yang tampil layaknya Alert, sehingga akan tampak userfriendly. ini contohnya .

Sebenarnya juga Ini  adalah popup overlay yang biasanya dipake buat slide foto, akhirnya gua terinspirasi buat otak-atik dikit buat dijadiin chat box (penyalahgunaan). dan mari ke TKP sekarang Juga.

1. Seperti biasa login blogger - templete - Edit HTML
Letakan Kode struktur CSS di bawah ini di atas kode ]]></b:skin>



2. Selanjutnya Sobat letakkan kode berikut  di bawah kode <head>



3.Kemudian Sobat letakkan kode berikut di atas kode </body>



4. Sobat simpan pengaturan template Sobat, keluar dari Edit HTML, dan masuk ke Page Elements (elemen halaman), pilih Add a Gadget, dan pilih menu HTML/JavaScript dan isikan kode HTML berikut :



5. Simpan semua perubahan, dan lihat blog sobat

Note tambahan :

Buat hasil maksimal di tampilan rubah semua nominal kode width pada code CBOX sobat dari biasanya "..."px menjadi 80% atau 90% terserah sobat.


Jangan Hanya Menikmati dan Copy Paste Ilmunya Saja, Silahkan Komentar dan Sertakan Link Ini


0 komentar

Posting Komentar

Cancel Reply