Text Area Mouse Over

Maaf untuk sementara contoh tidak dapat kami tampilkan tapi kami jamin script di atas akan bekerja.
Keterangan: Karena suatu hal kami tidak memberiukan contoh untuk semntara

Untuk menjaga pelanggan tentu saya harus selalu posting tiap hari. Semangat mencari hal menarik tentang dunia blogging agar blog saya kelihatan yahud.... Nah, jika kemarin bahas image terus, link terus, kali ini ari kita modifikasi text area kita. Modifikasi bagaimana???? Jika di blog lain dijelaskna bagaimana membuat background di text area saya akan menjelaskan bagaimana membuat text area lebih cantik. Yakni, akan berbeda background ketika mouse out (didiemin lah bahasa mudahnya hehehe) dan ketika mouse over (mouse diatasnya). Mantep gak????

Langsung saja contohnya, coba sorot text area di bawah ini, sorot berkali-kali, sorot, lepas, sorot lepas hehehehe.........

Ada cerita menarik saat saya membuat postingan ini. Sebelumnya postingan ini masih dalam tahap percobaan, perhatikan saja URL halaman ini masih menggunakan embel-embel jal dibelakangnya. Terus percobaan saya sukses, begitu saya mau hapus dulu udah ada yang comment. sialan bener nih Kang Yusron ngerjain saya. Jadinya gak jadi tak hapus deh, kasihan kamu sudah komentar terus kehapus hehehe. Langsung...

Asyik gak sobat??? Bagi yang pengen membuatnya langsung saja ikuti 2 langkah sederhana di bawah ini....

1. Login ke blogger
2. Tata Letak
3. Edit HTML
4. Cari kode ]]></b:skin>
5. LEtakkan script berwarna biru berikut di atas ]]></b:skin>

textarea.imageOne{
background-color:000000;
background-image:url(URLImage1);
color:00ff00;
}
textarea.imageTwo{
background-color:000000;
background-image:url(URLImage2);
color:ff0000;
}

Ganti URL Image 1 dan 2 sesuai keinginan Anda....
6. Simpan Template


Nah, untuk membuat text arenya kamu gunakan kode berikut saat posting. (Posting pilih tab edit HTML dan bukan compose/tulis)

<textarea
rows="12" cols="74"
class="imageOne"
onMouseOver="this.className='imageTwo'"
onMouseOut="this.className='imageOne'">
Ada cerita menarik saat saya membuat postingan ini. Sebelumnya postingan ini masih dalam tahap percobaan, perhatikan saja URL halaman ini masih menggunakan embel-embel jal dibelakangnya. Terus percobaan saya sukses, begitu saya mau hapus dulu udah ada yang comment. sialan bener nih Kang Yusron ngerjain saya. Jadinya gak jadi tak hapus deh, kasihan kamu sudah komentar terus kehapus hehehe. Langsung...
</textarea>

Ganti yang berwarna hijau dengan text Anda
Rows menunjukan tinggi kotak text area
Cols menunjukkan lebar kotak text area

Selamat mencoba....