Cara Membuat Kotak Chatting Tersembunyi
Kamis, Mei 19, 2011 | 
Diposting oleh
Unknown
Cara membuat kotak chatting tersembunyi. Sebelumnya saya pernah membahas mengenaialternatif chatting bagi pengguna shoutmix. Kali ini saya akan membahas tutorial blog mengenai kotak chatting yang tesembunyi.
Mungkin anda sudah pernah melihat kotak chatting yang tersembunyi di beberapa blog. Dimana widget chatting itu akan muncul setelah diklik. Script yang digunakan pada kotak chatting tersebut adalah javascript. Javascript memang bisa menciptakan script-script yang hebat dan kreatif.
Di posting ini anda akan mendapatkan tutorial blog mengenai cara membuat kotak chatting tersembunyi tersebut. Langsung saja ikuti tutorialnya di bawah ini.
- Masuk ke blogger.
- Pilih Layout (Tata Letak) » Page Elements (Elemen Laman).
- Klik tulisan Add a Gadget (Tambah Gadget).
- Pilih gadget HTML/JavaScript.
- Copy-paste kode berikut di bagian konten.
- Simpan gadget.
CSS
Sekarang pada bagian css, ikuti langkah-langkah berikut.
- Pilih menu Layout (Tata Letak) » Edit HTML.
- Cari kode ]]>, kemudian copy-paste kode css berikut di atasnya.
#chat{position:fixed; top:25px; z-index:+1000}* html #chat{position:relative}.chat-click{height:100px; width:30px; float:left; cursor:pointer; background:url(http://i42.tinypic.com/vhb3vc.jpg) no-repeat;}.chatbox{float:left; border:2px solid #1f54bc; background:#f0f8ff; padding:10px}.chatbox a {text-decoration: none;}
- Simpan template.
Anda bisa mengubah gambar atau warna yang ada pada tulisan berwarna biru di atas sesuai dengan keinginan.
Sekarang lihat hasilnya. Semoga berhasil!
Related Post:
Label:
Software
Langganan:
Posting Komentar (Atom)
Bismillah, Alhamdulillah, My Name is Ilham Burhanuddin and my nickname is Ilo and I was born in kendari on Juli 15, 1986.
I’m Blogger from Indonesia. I hope all my Posts is usefull for all of you. Thanks for visit here and support me. The text, images and the tutorials themselves are under copyright of their respective author, so you cannot copy them either in english or in any other translated language. Also the Blogger Templates and Widgets provided on this website are licensed under a Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the ‘attribution’ clause of the license, you are required to keep the footer links intact which provides due credit to its authors.
0 komentar:
Posting Komentar