Senin, 20 Oktober 2014

Cara Memberi background Gambar Maupun Warna pada Text Area.



Tentu bagi teman-teman Blogger tak asing lagi dengan sesuatu yang namanya text area. Beberapa waktu yang lalu kita pernah membahas tentang text area pada postingan dengan judul "Cara Membuat Text Area", akan tetapi sekarang kita akan membahas tentang tutorial bagaimana cara memberi background warna serta gambar sesuka kita. Ini semua mengingat tampilan dasar text area adalah putih...dan beberapa blogger merasa hal ini kurang sreg, dan juga ada yang mengatakannya monoton :D

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
ontoh 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/AVvXsEiyABeH7ACyPrZ6CGrobAPPnDxODOvoqgIcdS0OdjR47SNbAqgSgh0irySFtDmkI7DvEDbTZFF7EblH6sB6QDFMI-WD9aJdC7ypy9z2s94-V2BCHzyFUMZVLfZ5JSrmZsSSUmHjiOUmUIw/) 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


Tidak ada komentar:

Posting Komentar