Nah Bagi Sobat yang sudah bisa memposting kode HTML Blog dan ingin di tampilkan dalam kotak atau yang sering disebut textarea, sekarang saya akan memberikan beberapa modiffikasi bentuk textarea.
Nah gak usah lama-lama langsung saja.
Untuk tampilan yang pertama, Contohnya seperti ini :
Sobat hanya tinggal tambahkan kode berwrna biru di bawah ini :
<p
align="center"><textarea
name="code" rows="6" cols="20">
Tulis text ataupun kode HTML yang Sobat inginkan di sini, maka nanti tulisan Sobat akan tampil di dalam text area </textarea></p>
align="center"><textarea
name="code" rows="6" cols="20">
Tulis text ataupun kode HTML yang Sobat inginkan di sini, maka nanti tulisan Sobat akan tampil di dalam text area </textarea></p>
Tampilan keduan text
area dengan select all
area dengan select all
Contohnya seperti
ini :
ini :
Sobat tinggal tambah
kodenya berwrna biru dibawah ini :
kodenya berwrna biru dibawah ini :
<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: 300px; HEIGHT: 144px" name="txt" rows="100"
wrap="VIRTUAL" cols="55">Tulis
text ataupun kode HTML yang Sobat inginkan di sini, maka nanti tulisan
Sobat akan tampil di dalam text area dan siap di copy</textarea></p></div></form>
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: 300px; HEIGHT: 144px" name="txt" rows="100"
wrap="VIRTUAL" cols="55">Tulis
text ataupun kode HTML yang Sobat inginkan di sini, maka nanti tulisan
Sobat akan tampil di dalam text area dan siap di copy</textarea></p></div></form>
Keterangan
tombol Select All :
<div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika Sobat ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.
tombol Select All :
<div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika Sobat ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.
lt;input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol Select All di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi Sobat jangan merubah tulisan ini.
lue="Highlight All" --> kata Select All adalah kata yang akan muncul di dalam tombol, jadi jika Sobat ingin merubah tulisan ini silahkan ganti dengan kata yang Sobat inginkan.
Keterangan untuk Texarea :
<p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika Sobat ingin text area Sobat berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
<text style="WIDTH: 300px">-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika Sobat ingin memperpendek atau memperpanjang lebar text area, Sobat tinggal menggantinya dengan angka yang Sobat inginkan. misal: "WIDTH:700px;"
IGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika Sobat ingin merubahnya tinggal ganti angka tersebut dengan angka yang Sobat inginkan. Misal : HEIGHT:160p
Tidak ada komentar:
Posting Komentar