Text area adalah area untuk memperlihatkan data-data yang sangat panjang, dan pengunjung blog yang melihat text area tersebut biasanya harus mencopy semua data yang ada dalam text area. Biasanya, data-data yang sangat panjang tersebut adalah kode HTML, kode CSS, dan lainnya. Afiq Tutorial juga menggunakan text area untuk memudahkan pengunjungnya untuk mencopy kode-kode HTML dan CSS. Secara utuh, berikut tampilan text area (dengan tombol select all).
Nah, widget text area ini dapat kita pasang hanya di halaman postingan dan halaman gadget HTML/JavaSript. Berikut langkah-langkah membuat text area:
1. Buat dahulu entri baru.
2. Pada entri baru, pindahkan mode ke mode HTML, copy kode text area dibawah.
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55">text area by afiq></p></div></form>
Pengaturan:
Text Area by Afiq = ganti dengan teks yang akan ditampilkan di text area.
WIDTH = ganti dengan ukuran lebar text area (ganti angka di depannya)
HEIGHT = ganti dengan ukuran ketinggian text area (ganti angka di depannya)
3. Publikasikan.
Tidak ada komentar:
Posting Komentar