Pembuatan teks area

Home » Tips trik blogger » Pembuatan teks area

Pembuatan teks area

Posted by Unknown Saturday, 31 October 2009 0 comments

Bila kita ingin bertukar link atau banner tentu kita harus punya kode script, teks area ini adalah salah satu yang biasanya dipakai untuk mempermudah apabila kita ingin menempatkan kode script baik link / banner / lainnya

ada beberapa jenis teks area yang bisa kita gunakan.
Sekarang kita akan mencoba membuat beberapa jenis teks area yang bisa kita lakukan...

Pembuatan teks area standar / default

<kode script="contohtextarea"><textarea rows="5" cols="25" style="display: inline;" name="txt">Text/Script Anda Disini</textarea></contohtextarea>

rows = tinggi

cols = lebar

Hasilnya akan nampak seperti dibawah ini

Text/Script Anda Disini

Pembuatan text area dengan button / tombol higtlight

Untuk yang ini, adalah memudahkan pengunjung blog anda untuk memberi tanda hightlight

<kode script="contohtextarea"><center><form name="copy"><input value="Klik Tandai" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/><textarea rows="5" cols="25" style="display: inline;" name="txt">Text/Script Anda Disini</textarea></form></center></contohtextarea>

Keterangan :

rows = tinggi

cols = lebar

Hasilnya akan nampak seperti dibawah ini

Pembuatan teks area dengan on click hightligt

Untuk contoh yang ini hampir sama dengan textarea yang ada button hightlighnya, cuma bedanya yg tanpa menggunakan bantuan form.. nah untuk mencobanya silahkan anda klik pada halaman teks area contoh hasil dibawah ini..

Kode Script

<kode script="contohtextarea"><textarea rows="5" cols="25" style="display: inline;" name="txt" onclick="this.focus();this.select()">Text/Script Anda Disini</textarea></contohtextarea>

Keterangan :

rows = tinggi

cols = lebar

Hasilnya akan nampak seperti dibawah ini

Text/Script Anda Disini

Pembuatan text area sensitif hightlight

Untuk teks area yang ini fungsinya hampir sama dengan teks area yang barusan dicontohkan diatas ini, tapi lebih sensitif, maksudnya ketika mouse berada di wilayah teks area walaupun tanpa ngeklik tapi sudah terhightlight sendiri, ni dia contoh codenya..

Kode Script

<kode script="contohtextarea"><textarea rows="5" cols="25" onfocus="this.select()" style="display: inline;" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">Text/Script Anda Disini</textarea></contohtextarea>

Keterangan :

rows = tinggi

cols = lebar

Hasilnya akan nampak seperti dibawah ini