Pembuatan teks area

Bila kita ingin bertukar link atau banner tentu kita harus punya kode script, teks area ini adalah salah satu yang biasanya dipakai untuk me...

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 

  • 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


  • 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


COMMENTS

BLOGGER
Nama

Aluminium,4,Amdal,14,Arsitektur,83,Bahan bangunan,8,Bangunan Air,2,budaya indonesia,26,Denah Rumah,22,Galeri,25,Green house,6,Info sekilas,29,Interior,1,Irigasi,2,Jembatan,3,Konservasi tanah,5,Konstruksi,46,Konstruksi Beton,15,Konstruksi kayu,38,Kuda kuda Baja,1,Kuda kuda kayu,4,Kusen,4,Lingkungan,14,Masjid,10,Mebelair,2,Menu navigasi,3,Opini,14,Pemberdayaan Masyarakat,7,Pendidikan,3,Peraturan,29,Pondasi,4,Profil Kusen,4,Property,46,RAB,27,Rumah adat,21,S E O,5,Sambungan Kayu,30,Sertifikasi,12,sipil,40,SNI,22,Software,2,Tangga,3,Tips trik blogger,25,Undang undang,11,Wisata,2,
ltr
item
Home Design and Ideas: Pembuatan teks area
Pembuatan teks area
Home Design and Ideas
http://www.hdesignideas.com/2009/10/pembuatan-teks-area.html
http://www.hdesignideas.com/
http://www.hdesignideas.com/
http://www.hdesignideas.com/2009/10/pembuatan-teks-area.html
true
2215255630784927830
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content