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
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