Cara Membuat Teks Area Atau Highlight

Tau teks area kan ??? Teks area itu adalah tempat dimana tersimpan kode - kode html atau berbagai tulisan yang disisipkan didalamnya ..
Sekarang kita akan coba buat teks area / highlight di blog ...
Seperti ini ..

Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area 

Mau tahu caranya ???

Kalau anda mau posting sesuatu dan ingin menyisipkan teks area ke dalamnya...

Gini caranya:

1. Buat postingan anda..

2. Terus, buat tulisan - tulisan anda sendiri

3. Setelah membuatnya, lalu anda ingin menyisipkan teks area

4. Pilih edit html yang berada disamping Compose

5. Lalu sisipkan script berikut ...

<div align="center">
<textarea cols="20" name="code" rows="6">Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area&nbsp;</textarea></div>
<div style="text-align: left;">

Rows merupakan jumlah kolom yang ingin anda sisipkan, sedangkan cols merupakan lebar dari teksareanya. Anda bisa ubah - ubah sesuai selera anda ..

O iia, Jika ingin di atas teks areanya diberi tombol untuk meng-higlight seluruh kode ...

ada caranya ..

mau tau ???

gini caranya :

1. Sama seperti yang tadi, buat postingan

2. Setelah tulisan anda dibuat dan ingin menyisipkan teks area

3. Pilih Edit HTML

4. Sisipkan script berikut.


<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>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 144px; width: 300px;" wrap="VIRTUAL">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></div>
</form>
</div>
</div>

Selamat Mencoba !!!

Related Articles