Cara Menghias Text Area pada Blog

Menghias Text Area pada Blog

Setelah posting tentang membuat meta y_key dan meletakkan sebuah object gambar sebelum Judul post pada blog beberapa hari lalu,pelajaran kali ini kita akan membahas tentang bagaimana belajar tentang menghias text area pada blog. Bagi yang belum tahu bagaimana cara membuat text area,anda bisa baca di membuat text area(3 macam) pada artikel blog ini. Maksudnya menghias text area? Ya,utuk meletakkan sebuah kode pada artikel,biasanya kita memakai sebuah text area yang berbentuk form,meskipun Pelajaran Blog jarang menggunakan area jenis ini (ribet,he..). Contoh text area biasa seperti ini : Saya sedang belajar bagaimana cara menghias text area pada Blog,Ini adalah contoh text area yang biasa,tentunya sedang belajar di Pelajaran Blog:) dengan kode seperti ini : <form name="contohtextarea"><textarea name="txt" rows="3" cols="30" readonly>Text Anda Disini</textarea></form> **rows dan cols menentukan ukuran text area,disitu anda edit sesuai keinginan anda. Tapi jika anda menginginkan sebuah form area kode yang berbeda,anda bisa coba contoh-contoh text area di bawah ini: Menghias Text Area Contoh #1 Ini adalah jenis text area dengan garis tepi berbentuk dot berawarna biru,dan mempunyai background warna kuning,dengan text bergaris bawah. Text area di atas: Background berwarna kuning Border berwarna biru (dot) Warna Text Merah Text bergaris bawah Untuk kodenya copy kode di bawah ini : <form><textarea rows="3" cols="30" background-color="green" style="color: red; background-color: yellow; text-decoration: underline; border-style: dotted; border-color: blue">Text Anda Disini</textarea></form> Menghias Text Area Contoh #2 Ini adalah jenis text area dengan border solid berwarna kuning dengan background text berwarna hijau,jenis text Uppercase Text area di atas: Background berwarna Hijau Border berwarna Kuning (solid) Text Huruf Besar (Uppercase) Warna Text Putih Untuk kodenya copy kode di bawah ini : <form><textarea rows="3" cols="30" style="color: white; background-color: green; text-transform: uppercase; border-style: solid; border-color: yellow">Text Anda Disini</textarea></form> Menghias Text Area Contoh #3 Ini adalah contoh text area dengan background berwarna biru dengan warna text kuning tanpa bergaris bawah,border solid berwarna merah Text area di atas: Background berwarna Biru Border berwarna Merah (solid) Text Tanpa bergaris bawah Warna Text Kuning Untuk kodenya copy kode di bawah ini : <form><textarea rows="3" cols="30" style="color: yellow; background-color: blue; border-style: solid; border-color: red" >Text Anda Disini</textarea></form> Menghias Text Area Contoh #4 Ini adalah contoh text area dengan background berwarna hijau dengan text warna putih dan berhuruf tebal,juga terinstall otomatis. Text area di atas: Background berwarna Hijau Border berwarna gray/abu-abu(solid) Warna text Putih dan berhuruf tebal Kode terinstall/terblok otomatis Untuk kodenya copy kode di bawah ini : <form name="contohtextarea"><textarea name="txt" rows="3" cols="30" onmouseover="this.form.txt.select()" readonly ; style="color: white; background-color: green; font-weight: bold; border-color:gray">Text Anda Disini</textarea></form> Untuk jenis-jenis yang lain anda bisa modif sendiri,selamat mencoba ya:)

Tolong dibaca terlebih dahulu !

Anda sedang membaca artikel tentang Cara Menghias Text Area pada Blog dan anda bisa menemukan artikel Cara Menghias Text Area pada Blog ini dengan url http://bayangan-pembunuh.blogspot.com/2012/01/cara-menghias-text-area-pada-blog.html, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Menghias Text Area pada Blog ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan Cara Menghias Text Area pada Blog sebagai sumbernya.