Oleh para blogger, textarea biasanya digunakan untuk menampilkan kode tukar link yang dibuat pada halaman tersendiri dan dikhususkan untuk bertukar link, seperti halaman Link Exchange pada blog ini. Textarea biasanya ditampilkan dengan berbagai macam style, ada yang ditampilkan dengan style minimalis dan sederhana, pengunjung blog harus melakukan select manual pada textarea pada saat melakukan copy text atau script yang ditampilkan. Ada juga textarea yang ditampilkan dengan tombol Select All atau Highlight All, dengan menekan tombol ini maka seluruh text atau kode dalam textarea akan di blok secara otomatis saat melakukan pengcopian. Ada pula teaxtarea yang otomatis seluruh isinya akan diblog saat diklik oleh pengunjung dan sebagainya.
Berikut ini contoh kode HTML untuk membuat textarea pada postingan artikel
Textarea biasa dengan style minimalis, anda harus melakukan select manual pada textarea pada saat melakukan copy text atau script.
Textarea biasa dengan style minimalis, anda harus melakukan select manual pada textarea pada saat melakukan copy text atau script.
Note :
- <p align="center"> = Textarea akan ditempatkan di tengah, jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
- background-color: #F8E7B4 = Warna backgroung untuk textarea, anda dapat mengganti kode warna heksadesimal dengan kode warna yang lain.
- border: 1px solid #999999 = Kode untuk border
- rows="6" = Ukuran tinggi atau baris textarea
- cols="60" = Ukuran lebar atau kolom textarea
Textarea dengan tombol Highlight All, dengan menekan tombol Highlight All maka seluruh text atau kode dalam textarea akan di blok secara otomatis saat melakukan pengcopian.
Note :
- <div align="center"> = kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right
- <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> = kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di blok, jadi anda jangan merubah tulisan ini.
- Value="Highlight All" = kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.
Textarea otomatis seluruh isinya akan diblog saat textarea diklik oleh mouse pengunjung
Note :
- onclick="this.focus(); this.select() = Kode ini untuk menerjemahkan tekxtarea jika diklik oleh pengunjung maka seluruk isi textarea akan di select (blok)
- Ganti tulisan yang berwarna merah dengan text yang akan anda masukkan ke dalam textarea
Sebagai catatan untuk memasukkan textarea pada posting artikel, maka pengetikan artikel harus pada mode HTML bukan pada mode Compose. Silahkan gunakan salah satu bentuk textarea di atas yang paling pas untuk blog anda, untuk ukuran tinggi dan lebar textarea disesuaikan saja.
Tidak ada komentar