Cara Membuat Text Area Di Blog

Salam saudara!

Saya jelaskan ya judul diatas agar lebih mengerti.ok!Text area adalah sebuah area atau tempat untuk menyimpan text atau tulisan dengan membnetuk area baru.Text area biasanya sih isinya berupa kode kode HTML ataupun text lainnya agar bisa di copy oleh pengunjung blog itu sendiri.

Saya akan menjelaskan membuat text area 2 bentuk yang berbeda!yang pertama seperti ini:

<div><center>Agnes Monica ~ Karena Ku Sanggup<br /> <br /> <object type="application/x-shockwave-flash" data="http://www.stafaband.info/stafa.swf" id="audioplayer1" height="30" width="250" allowscriptaccess="always"> <param name="movie" value="http://www.stafaband.info/stafa.swf"><param name="FlashVars" value="autostart=yes&playerID=1&bg=0xCDDFF3&leftbg=0x357DCE&lefticon=0xF2F2F2&rightbg=0x357DCE&rightbghover=0x6797CC&righticon=0xF2F2F2&righticonhover=0xF2F2F2&text=0x357DCE&slider=0x357DCE&track=0xFFFFFF&loader=0x72A4DD&border=0xFFFFFF&soundFile=http://www.stafaband.info/preview/IsC-EAZI.mp3"><param name="quality" value="high"><param name="menu" value="false"><param name="wmode" value="transparent"></object><br /> <br /> Get more songs & code at <a href="http://www.stafaband.info">www.stafaband.info</a></center></div>

Untuk membuat Text area yang pertama diatas silahkan copy code nya 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>

KETERANGAN:rows="6" menunjukan tinggi dari text area tersebut!saudara bisa merubahnya.
cols="20"menunjukan lebar dari text area tersebut!saudara bisa merubahnya.

TEXT AREA KE 2 MENGGUNAKAN HIGHTLIGHT
Text area kedua ini lebih bagus dan lebih simple kalau menurut saya.lihat contohnya di bawah ini:

<div><center>Agnes Monica ~ Karena Ku Sanggup<br><br /> <object type="application/x-shockwave-flash" data="http://www.stafaband.info/stafa.swf" id="audioplayer1" height="30" width="250" allowscriptaccess="always"> <param name="movie" value="http://www.stafaband.info/stafa.swf"><param name="FlashVars" value="autostart=yes&playerID=1&bg=0xCDDFF3&leftbg=0x357DCE&lefticon=0xF2F2F2&rightbg=0x357DCE&rightbghover=0x6797CC&righticon=0xF2F2F2&righticonhover=0xF2F2F2&text=0x357DCE&slider=0x357DCE&track=0xFFFFFF&loader=0x72A4DD&border=0xFFFFFF&soundFile=http://www.stafaband.info/preview/IsC-EAZI.mp3"><param name="quality" value="high"><param name="menu" value="false"><param name="wmode" value="transparent"></object><br><br /> Get more songs & code at <a href="http://www.stafaband.info">www.stafaband.info</a></center></div>

Saudara bisa lihat ada tulisan HIGHTLIGHT diatas TEXT AREA diatas bukan?nah itu yang saya maksud simple.kenapa?karena memudahkan pengunjung yang ingin mencopy seluruh kode yang ada dalam TEXT AREA diatas hanya dengan mengklik tulisan HIGHTLIGHT dan semua code yang ada dalam text akan tersorot semua secara otomatis tanpa ada code yang tertinggal di bandingkan bila kita menyorot nya secara manual..SIMPLE bukan?

Untuk TEXT area diatas code nya seperti 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>

KETERANGAN elemen tombol text area:tulisan lt;div align="center"> -> ,menunjukan bahwa posisi tombol akan berada ditengah!jika saudara ingin dikiri ganti "center" menjadi "left" jika ingin di kanan ganti "center" menjadi "right"
tulisan <input onclick="javascript:this.form.txt.focus();this.form.txt.select();">jangan diganti ya!kode ini artinya ketika tombol HIGHTLIGHT di klik maka seluruh isi di dalam text area tersebut akan di HIGHTLIGHT(di sorot/block)jadi jangan di rubah.
tulisan value="Hightlight all" ->kata hightlight all kata yang akan mucul didalam tombol diatas TEXT AREA bisa saudara ganti sesuai keinginan saudara.

KETERANGAN elemen text area:
<text style ="width:300px" ->menunjukan lebar dari text area tersebut sebanyak 300 pixel.saudara bisa rubah ukuranya

HEIGHT:144px ->menunjukan tinggi dari text area tersebuat sebesar 144px.saudara bisa merubahnya sesuai keingina saudara.

SELESAI.selamat berkreasi ya dan semoga berhasil.

Minta komentarnya ya.

GBU