Bagi sobat-sobat yang merasa kesulitan untuk memberi background pada text area, maka jangan khawatir...karena kita akan membahasnya bersama-sama di sini.
Pada dasarnya, bentuk text area tanpa background bisa dilihat di sini, atau contoh berikut ini
Dan jika dikodekan, maka akan menjadi seperti berikut
<textarea cols="17" name="code" rows="2"><a href="http://t4belajarblogger.blogspot.com" target="_blank" title="Kumpulan Tutorial Blogger">T4 Belajar Blogger</a></textarea>
Dan jika dikasih background gambar, maka akan menjadi seperti berikut
Dan berikutlah kodenya:
<textarea cols="17" name="code" rows="2" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJQJCGu10QCmvbER3dRrmpP_44cd7XYhH6V_hdM6i_DqeGb2_AhyXO6uJrRqUsnxjWILtgLB4ChYHfpmkrjLci6oiCPQ72FV7_3XPojgoIDD_U3cpj3cIdGxj9R2wbaMcc1bYYPdjm4v6Q/) no-repeat;"><a href="http://t4belajarblogger.blogspot.com" target="_blank" title="Kumpulan Tutorial Blogger">T4 Belajar Blogger</a></textarea>
Untuk link yang telah saya tandai dengan warna hijau bisa sobat ganti dengan link/URL gambar pilihan yang sobat inginkan. Untuk hasil yang bagus, usahakan besar gambar sesuai dengan besar pengaturan pada text area.
Lalu berikut ini menggunakan kode warna biasa
Berikut kodenya...
<textarea cols="17" name="code" rows="2" style="background:#33CCFF;"><a href="http://t4belajarblogger.blogspot.com" target="_blank" title="Kumpulan Tutorial Blogger">T4 Belajar Blogger</a></textarea>
Pada bagian yang telah saya tandai dengan warna biru, maka bisa diganti dengan kode warna lain (sesuai dengan selera sobat). Silahkan pilih kode warna sesuka anda di sini
Bagaimana? Gampang bukan? Bagi sobat blogger yang ingin nanya sesuatu yang berkaitan dengan trik ini, maka bisa ditanyakan melalui kotak komentar. Semoga bermanfaat
Tags: Background text area, cara mewarnai text area, kode warna text area, background cantik untuk text area
0 komentar:
Post a Comment
Anda sopan saya segan..Titip Alamat blog anda disini pasti akan saya kunjungi balik