Hallo Sobat Natuna ....
Dari awal membuat blog sering bolak-balik disini untuk belajar macam2 trik. Buat mempersingkat waktu aja aku sengaja menulis posting ini ... Kali ini aku akan menuliskan bagaimana membuat teks area, biasanya sering digunakan pada kode penulisan tukar link yaitu untuk menliskan/memasang kode2 HTML.
Untuk membuatnya sangatlah mudah, tinggal copy-paste aja kode dibawah ini :
<p align="center"><textarea name="code" rows="3" cols="20">Kode HMTL</textarea></p>
Hasilnya seperti ini :
Tulisan di sini adalah "Kode HMTL".
Keterangan :
Dari awal membuat blog sering bolak-balik disini untuk belajar macam2 trik. Buat mempersingkat waktu aja aku sengaja menulis posting ini ... Kali ini aku akan menuliskan bagaimana membuat teks area, biasanya sering digunakan pada kode penulisan tukar link yaitu untuk menliskan/memasang kode2 HTML.
Untuk membuatnya sangatlah mudah, tinggal copy-paste aja kode dibawah ini :
<p align="center"><textarea name="code" rows="3" cols="20">Kode HMTL</textarea></p>
Hasilnya seperti ini :
Tulisan di sini adalah "Kode HMTL".
Keterangan :
- Rows="3", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka "3" dengan angka yang lebih tinggi/rendah.
- 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/rendah.
Ada satu lagi jenis teks area, yaitu dengan menggunakan HIGHLIGHT.
Contohnya seperti ini :
Untuk membuatnya, Copy paste kode dibawah ini :
<br/><br/> <code>
<<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </div><div align="center"></div><p align="center"><textarea style="width: 250px; height: 80px;" name="txt" rows="100" wrap="VIRTUAL" cols="55">Kode HMTL</textarea></p></form></div>>
<br/>
</meta>
</code>
Contohnya seperti ini :
Untuk membuatnya, Copy paste kode dibawah ini :
<br/><br/> <code>
<<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </div><div align="center"></div><p align="center"><textarea style="width: 250px; height: 80px;" name="txt" rows="100" wrap="VIRTUAL" cols="55">Kode HMTL</textarea></p></form></div>>
<br/>
</meta>
</code>
Keterangan :
Oupss... aku lupa bro..., untuk memposting seperti yang aku jelaskan dia atas, kamu harus pada posisi Edit HTML jangan pada posisi Compose.
Selamat Mencoba....
- <div align="center"> -> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left dan sebaliknya.
- <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> -> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok).
- Value="Highlight All" -> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.
- <div align="left"> -> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left dan sebaliknya.
- <text style="WIDTH: 250px"> ->kata "WIDTH:250px" menunjukan lebar dari text area tersebut sebanyak 250 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan.
- HEIGHT: 80px --> angka "80px" menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan.
Oupss... aku lupa bro..., untuk memposting seperti yang aku jelaskan dia atas, kamu harus pada posisi Edit HTML jangan pada posisi Compose.
Selamat Mencoba....
Thanks atas kunjungannya ....
0 komentar:
Posting Komentar