Cara membuat text area - Huh, . . Belum sampai dua minggu udah terasa lama rasanya tidak posting artikel, dan setelah melihat alexa blog ini ternyata terkejut juga dengan datanya, akhirnya malam ini saya menyempatkan diri untuk posting artikel blog. Soalnya siang hari udah kerja lagi. Hehehe 
Oke, postingan kali ini biasa-biasa saja yaitu cara membuat text area, mungkin sobat Blogger Mobile udah pada tahu apa itu text area, tapi yang masih newbie kan mungkin belum tahu. Hehehe
Apa itu Text Area ?
Text area adalah sebuah kotak atau bingkai yang dibuat untuk menyimpan tulisan atau kode-kode HTML yang ingin ditampilkan terpisah dari halaman posting tempat menerbitkan sebuah artikel.
Bagi blogger yang ngeblog via hp seperti saya ini tentu saja sangat membutuhkan text area ini untuk mempermudah dalam hal copy-paste kode HTML. Text area juga terdiri dari bermacam-macam bentuk, dari yang biasa sampai yang luar biasa (wah ada juga ya yang luar biasa ?) hehehe...
Berikut cara membuat text area :
Text area biasa
Kodenya :
- <textarea name='code' rows='5' cols='10'>Tuliskan kode HTML disini</textarea>
Text area dengan tombol highlight
Kodenya :
- <div><form name='copy'><div align='center'><input onclick='javascript:this.form.txt.focus();this.form.txt.select();' type='button' value='Copy Semua'></div><div align='center'></div><p align='center'><textarea style='width:200px;height:100px;' name='text' rows='100' wrap='virtual' cols='200'>Tuliskan kode HTML disini</textarea></p></div></form>
Text area dengan background
Kodenya :
- <textarea rows='10' cols='8' style='background:#cccccc;color:#ff0000;'>Tuliskan kode HTML disini</textarea>
Text area password
Kodenya :
- <input type='password' value='Tuliskan kode HTML disini'>
Text area garis putus-putus
Kodenya :
- <textarea rows='8' cols='10' style='border:1px dashed;'>Tuliskan kode HTML disini>
Keterangan :
Tuliskan kode HTML disini = Tulisan yang ingin ditampilkan didalam kotak text area
Copy Semua = Tulisan yang ingin ditampilkan pada tombol highlight
Background = Warna latar belakang kotak text area
Color = Warna tulisan di kotak text area
Border = Garis pinggir kotak text area
Dashed = Garis putus-putus
Rows = Tinggi kotak text area
Cols = Lebar kotak text area
Nah, mungkin segitu saja tutorial blogspot yang saya share kali ini tentang cara membuat text area. Jika sobat mengerti dengan kode HTML mungkin bisa dimodifikasi lagi tampilan text area nya !
Salam Blogger Mobile
0 komentar:
Posting Komentar