Ketika kita ngeblog atau menulis kita biasanya memerlukan tempat untuk teks yang tidak mungkin dicampur dengan teks lainnya. Misalnya berisikan kode-kode tertentu seperti kode html, bahasa pemrograman, atau yang lainnya.
Didalam dunia blogging, kita mempunyai kode html, untuk mengatasi masalah ini. Jadi berikut saya jelaskan langkah sederhana membuat area teks, ketika posting tulisan pada blog.
Untuk memulainya, pastikan edit posting terletak pada edit html, bukan compose.
Ada 3 jenis teks area yang bisa di pilih, seperti :
1. Teks Area Sederhana
Kodenya adalah seperti berikut :
<div style="text-align: center;"><textarea style="width: 300px; height: 50px; padding:3px">Tulis text ataupun kode yang mau anda tampilkan disini</textarea></div>
Keterangannya :
- Untuk kode yang di cetak tebal, bisa anda ganti sesuai keinginan,
- Untuk kode yang didalam background hijau, bisa anda ganti dengan teks yang ingin anda tampilkan.
Hasilnya :
2. Teks Area Fasilitas Select All di Atas
Kodenya adalah seperti berikut :
<form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt">Tulis text ataupun kode yang mau anda tampilkan disini</textarea></p></form>
<form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt">Tulis text ataupun kode yang mau anda tampilkan disini</textarea></p></form>
Hasilnya :
