Sunday, December 27, 2009
Membuat Text Area pada Postingan
Lagi baca-baca di blog Kang Rohman, saya menemukan sebuah artikel mengenai cara membuat Text Area. Lalu saya mencoba untuk memposting artikel ini supaya dapat dibaca oleh anda semua yang saya kutip dari blog Kang Rohman. Text Area merupakan suatu tempat untuk menyimpan kode-kode HTML atau berbagai macam text lainnya supaya dapat di copy semua atau beberapa bagian text oleh anda. Maka dari itu, untuk meletakkan kode HTML selain dengan menggunakan blockquote, kita juga bisa menggunakan Text Area untuk menempatkan kode-kode HTML yang ingin anda postingkan pada artikel anda. Yang saya baca dari artikel blog Kang Rohman mengenai Text Area, terdapat 2 jenis Text Area yang dapat kita gunakan. Berikut ini penjelasan selanjutnya.
Text Area biasa
Untuk membuat Text Area seperti ini, copy kode di bawah ini.
Text Area dengan memakai Highlight
Text Area seperti ini lebih memudahkan anda untuk melakukan pengcopyan kode-kode HTML yang terdapat di dalam Text Area tersebut. Karena hanya dengan menekan tombol Highlight, semua kode-kode HTML atau semua tulisan yang ada pada Text Area tersebut akan di Highlight atau di block semua. Tinggal kita copy saja dengan klik kanan ==> copy atau dengan menggunakan tombol shortcut dengan menekan tombol pada keyboard CTRL + C secara bersamaan.
Untuk membuat Text Area seperti ini, copy kode di bawah ini.
Catatan :
Kode yang diberi warna Merah dapat anda ganti untuk merubah ukuran Text Area.
Kode yang diberi warna Hijau dapat anda ganti untuk memasukkan tulisan atau kode-kode HTML yang akan anda masukkan di Text Area.
Text Area biasa
Untuk membuat Text Area seperti ini, copy kode di bawah ini.
<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>
Text Area dengan memakai Highlight
Text Area seperti ini lebih memudahkan anda untuk melakukan pengcopyan kode-kode HTML yang terdapat di dalam Text Area tersebut. Karena hanya dengan menekan tombol Highlight, semua kode-kode HTML atau semua tulisan yang ada pada Text Area tersebut akan di Highlight atau di block semua. Tinggal kita copy saja dengan klik kanan ==> copy atau dengan menggunakan tombol shortcut dengan menekan tombol pada keyboard CTRL + C secara bersamaan.
Untuk membuat Text Area seperti ini, copy kode di bawah ini.
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>
Catatan :
Kode yang diberi warna Merah dapat anda ganti untuk merubah ukuran Text Area.
Kode yang diberi warna Hijau dapat anda ganti untuk memasukkan tulisan atau kode-kode HTML yang akan anda masukkan di Text Area.
- Labels: Tutorial Blogger
