Membuat Kotak Kode / Text Area (Update)

Bagi yang belum tahu bagaimana cara membuat text area,anda bisa baca di membuat text area(3 macam) pada artikel blog ini.

---

Maksudnya menghias text area?

Ya,utuk meletakkan sebuah kode pada artikel,biasanya kita memakai sebuah text area yang berbentuk form,meskipun Pelajaran Blog jarang menggunakan area jenis ini (ribet,he..).

Contoh text area biasa seperti ini :

---

Saya sedang belajar bagaimana cara menghias text area pada Blog,Ini adalah contoh text area yang biasa,tentunya sedang belajar di Pelajaran Blog:)

dengan kode seperti ini :

---

<form name="contohtextarea"><textarea name="txt" rows="3" cols="30" readonly>Text Anda Disini</textarea></form>

---

**rows dan cols menentukan ukuran text area,disitu anda edit sesuai keinginan anda.

---

Tapi jika anda menginginkan sebuah form area kode yang berbeda,anda bisa coba contoh-contoh text area di bawah ini:

---

Menghias Text Area Contoh #1

Ini adalah jenis text area dengan garis tepi berbentuk dot berawarna biru,dan mempunyai background warna kuning,dengan text bergaris bawah.

Text area di atas:

• Background berwarna kuning
• Border berwarna biru (dot)
• Warna Text Merah
• Text bergaris bawah

Untuk kodenya copy kode di bawah ini :

---

<form><textarea rows="3" cols="30" background-color="green"
style="color: red; background-color: yellow; text-decoration: underline; border-style: dotted; border-color: blue">Text Anda Disini</textarea></form>

---

Menghias Text Area Contoh #2

Ini adalah jenis text area dengan border solid berwarna kuning dengan background text berwarna hijau,jenis text Uppercase

Text area di atas:

• Background berwarna Hijau
• Border berwarna Kuning (solid)
• Text Huruf Besar (Uppercase)
• Warna Text Putih

Untuk kodenya copy kode di bawah ini :

---

<form><textarea rows="3" cols="30" style="color: white; background-color: green; text-transform: uppercase; border-style: solid; border-color: yellow">Text Anda Disini</textarea></form>

---

Menghias Text Area Contoh #3

Ini adalah contoh text area dengan background berwarna biru dengan warna text kuning tanpa bergaris bawah,border solid berwarna merah

Text area di atas:

• Background berwarna Biru
• Border berwarna Merah (solid)
• Text Tanpa bergaris bawah
• Warna Text Kuning

Untuk kodenya copy kode di bawah ini :

---

<form><textarea rows="3" cols="30" style="color: yellow; background-color: blue; border-style: solid; border-color: red" >Text Anda Disini</textarea></form>

---

Menghias Text Area Contoh #4

Ini adalah contoh text area dengan background berwarna hijau dengan text warna putih dan berhuruf tebal,juga terinstall otomatis.

Text area di atas:

• Background berwarna Hijau
• Border berwarna gray/abu-abu(solid)
• Warna text Putih dan berhuruf tebal
• Kode terinstall/terblok otomatis

Untuk kodenya copy kode di bawah ini :

---

<form name="contohtextarea"><textarea name="txt" rows="3" cols="30" onmouseover="this.form.txt.select()" readonly ; style="color: white; background-color: green; font-weight: bold; border-color:gray">Text Anda Disini</textarea></form>

---

Untuk jenis-jenis yang lain anda bisa modif sendiri,selamat mencoba ya:)

Read more > Membuat Kotak Kode / Text Area (Update)

Text Area Auto Install

Anda pasti pernah khan mengunjungi suatu situs yang memberikan sebuah kode html,seperti kode Adsense,dll.
Ya,kode akan terblok sendiri,hanya dengan menggerakkan mouse diatas bidang kodenya.

---

Untuk kodenya kopi paste di bawah ini :

---

<div>
<form name="PujiantoroStyle">
<p align="left" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 184; height: 120" name="txt" rows="100" cols="55" onmouseover="this.form.txt.select()" readonly ;>
TEXT ANDA DISINI</textarea></p>
</form></div>

---

Selamat mencoba :)

Read more > Text Area Auto Install

Macam-macam Tex Area [3 Macam]

Membuat Tex Area (3 Macam): "

Text Area Biasa Biasanya text area di gunakan untuk menyimpan kode-kode Html/Javascript ataupun text lainnya agar bisa di copy oleh para pengunjung. Untuk membuat text area, silahkan anda Copy kode di bawah ini : <p align="center"><textarea name="code" rows="5' cols='20" readonly> Aku Orang yang ganteng,kaya,mobilku banyak,istriku banyak,cantik-cantik,orang pada ngiri ama aku karena aku terlalu tampan!! :) </textarea></p> Keterangan : rows='6', menunjukan tinggi dari text area. Cols='20', menunjukan lebar dari text area. Text Area dengan memakai HighLight /Select Untuk kodenya,copy paste di bawah ini : <div> <form name="Select All code"> <p align="left" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 184; height: 120" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly> Aku Orang yang ganteng,kaya,mobilku banyak,istriku banyak,cantik-cantik,orang pada ngiri ama aku karena aku terlalu tampan!! :) </textarea></p> </div> <p align="left" style="margin-top: 0; margin-bottom: 0"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> Yang berperan penting untuk highlightnya sebenarnya hanya pada kode <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> jadi,jangan sampai dirubah ya :) Text Area Select Otomatis Anda pasti pernah khan mengunjungi suatu situs yang memberikan sebuah kode html,seperti kode Adsense,dll. Ya,kode akan terblok sendiri,hanya dengan menggerakkan mouse diatas bidang kodenya. Untuk kode dan contohnya lihat disini Selamat mencoba :) Baca Juga Yang Ini.. Membuat Text Area Auto Install Membuat tempat untuk Kode/Script Menampilkan Kode pada Artikel

Read more > Macam-macam Tex Area [3 Macam]

Membuat Text Area

Membuat tempat kode script / html: "

Seperti yang pernah saya posting beberapa waktu yang lalu,hanya kali ini menggunakan kode yang sangat sederhana.seperti saat ingin memposting suatu blog,dan ingin menyampaikan kode kepada pengunjung,biasanya kita mengalami kesulitan. Misalnya kesalahan yang terjadi karena hasil kode seperti penulisan tanda <head> atau <tabel> akan berbeda hasilnya saat posting telah di publikasikan,bahkan tidak akan muncul pada artikel yang telah di publikasikan. Untuk itu,penulisan tanda-tanda/karakter seperti <,>,",&,dll harus dituliskan dengan notasi yang berbeda.Untuk menandai/membuat bidang atau tempat untuk kode(hanya bersifat hiasan saja),copy paste kode di bawah ini : <table border="0"width="361"><tr><td bgcolor="#E0E0E0" width="353"> Kode anda Disini</td></tr></table> Bagian 'Kode anda Disini' yang berwarna hijau diatas,untuk area,artikel yang ingin anda posting. Sedangkan,jika anda ingin menyampaikan/memposting suatu kode html/javascript,tetap di area yang berwarna hijau diatas(jika ingin kode berada dalam sebuah tabel), dengan catatan:karakter dari kode yang ingin anda sampaikan,di ubah dalam sebuah notasi.Untuk lebih jelasnya lihat Ilustrasi di bawah ini : Jika saya ingin menuliskan <head> pada artikel saya,maka pada saat memposting saya akan menuliskan sebuah kode : &lt;head&gt; Notasi yang tercetak tebal di atas (&lt; dan &gt; ),saat posting terpublikasikan,akan tampil menjadi karakter < dan >. Untuk lebih jelasnya soal notasinya anda bisa baca di sini. Sudah jelas khan ? Untuk simbol atau karakter yang lain seperti; $,#,*,dll bisa anda tuliskan seperti biasanya. Baca Juga Yang Ini.. Menampilkan Kode pada Artikel Membuat Text Area (3 macam) Membuat Rolling Text/Text Berjalan

Read more > Membuat Text Area

Membuat Text Area Auto Install

Membuat Text Area Auto Install: "Anda pasti pernah khan mengunjungi suatu situs yang memberikan sebuah kode html,seperti kode Adsense,dll.Ya,kode akan terblok sendiri,hanya dengan menggerakkan mouse diatas bidang kodenya.Untuk contohnya lihat di bawah ini : Waduh !Aku Orang yang ganteng,kaya,mobilku banyak,istriku banyak,cantik-cantik,orang pada ngiri ama aku karena aku terlalu tampan!! :) Ya,khan? ngblok otomatis.Untuk..

Menuju Posting Aslinya »

Read more > Membuat Text Area Auto Install

Cara Membuat dan Menghias Text Area pada Blog

Cara Membuat dan Menghias Text Area pada Blog: "Setelah posting tentang membuat meta y_key dan meletakkan sebuah object gambar sebelum Judul post pada blog beberapa hari lalu,pelajaran kali ini kita akan membahas tentang bagaimana belajar tentang menghias text area pada blog.Bagi yang belum tahu bagaimana cara membuat text area,anda bisa baca di membuat text area(3 macam) pada artikel blog ini.Maksudnya menghias text area?Ya,utuk meletakkan ..

Menuju Posting Aslinya »

Read more > Cara Membuat dan Menghias Text Area pada Blog

Membuat Text Area

Membuat Tex Area (3 Macam): "Text Area Biasa Biasanya text area di gunakan untuk menyimpan kode-kode Html/Javascript ataupun text lainnya agar bisa di copy oleh para pengunjung.Untuk membuat text area, silahkan anda Copy kode di bawah ini :..[]

Menuju Posting Aslinya »

Read more > Membuat Text Area