Headlines News :

Misteri

Home » » CARA MEMBUAT TEKS AREA ( HIGHLIGHT)

CARA MEMBUAT TEKS AREA ( HIGHLIGHT)

Sobat semua pasti tau dengan Teks Area kan,masa hari gini ngak tahu ama teks area, ituloh kotak yang didalamnya berisi kode teks atau tulisan,biasanya teks area ini digunakan untuk menyimpan kode2 HTML agar bisa dicopy oleh para pengunjung yang biasanya digunakan untuk tukeran link dengan Blogger lainnya

Untuk lebih memudahkan Anda memahami apa itu Teks Area,silahkan anda perhatikan kotak di sebelah kanan bawah layar anda,ada kotak yang berisi kode-kode HTML nah itulah yang disebut kotak Teks Area.

Untuk membuat Teks Area sangat mudah,silahkan anda copy kode dibawah 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>
contohnya seperti ini


Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.

Teks Area yang memakai Tombol Highlight
Selain cara diatas ada Variasi lain untuk membuat Teks Area yaitu Teks Area yang menggunakan tombol Highlight.tombol Highlight ini mempunyai peran tertentu,yaitu dengan adanya Tombol Highlight akan memudahkan pengunjung untuk mengcopy kode-kode yang diberikan,Fasilitas ini sangat berguna apabila kode yang diberikan jumlahnya banyak,dan dengan cara ini akan mengurangi resiko adanya kode yang tertinggal,karna dengan sekali tekan saja semua kode yang didalamnya akan di Highlight dan tinggal mengcopy saja, Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :

<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, tulisan ini akan muncul dalam kotak Highlight dan siap di copy oleh para pengunjung</textarea></p></div></form>

Contohnya sebagai berikut:

Share this article :
 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. WEBDETIK - All Rights Reserved
Template Design by Creating Website Published by Mas Template