CARA MEMBUAT KODE HTML DI DALAM TEXT AREA
Sabtu, 29 Desember 2012
9
komentar
Cara Memasukkan Kode Html ke dalam Text Area (bentuk kotak)
Dalam memasukkan kode html pada text area, barangkali anda pernah mengalami, atau selalu mengalami kegagalan karena kode atau teks yang dimasukkan tidak bisa tampak alias kosong. Karena itu pada postingan kali ini saya akan sedikit berbisik kepada anda agar anda bisa menampilkan kode html atau teks pada test area yang anda buat.
Pertama, Kode HTML yang ingin di masukkan kedalam Text Area syaratnya ubah dulu menjadi HTML Encode. Untuk merubahnya langkah-langkahnya sebagai berrikut:
1. Copy code HTML kemudian masukkan ke HTML Encode
2. Pastekan atau tempelkan code HTML yang sudah di copy ke dalam kotak Encode input text
3. Klik tombol Encode tunggu sejenak sampai proses loading selesai
4. Berikutnya copy kode yang terrdapat pada kotak Encoded Output dan pastekan kepostingan sobat menggunakan Text Area.
Kedua, Untuk kode Text Area anda bisa menggunakan berbagai bentuk kode text area dibawah ini.
Kode Text Area Biasa
<textarea rows="30" cols="6">
Letakkan kode atau tulisan Anda disini Coy
</textarea> |
Hasilnya;
Kode Text Area Plus Tombol All Copy
<div> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy All" /> </div> <div align="center"> </div> <div align="center"> <textarea cols="15" name="txt" rows="50" style="height: 100px; width: 350px;" wrap="VIRTUAL"> Letakkan kode atau tulisan Anda disini Coy </textarea> </div> </form> </div> |
Hasilnya seperti dibawah ini
Untuk memperindah text area anda, maka saudara bias menambahkan
kode seperti dibawah ini, biar lebih kreen asal jangan kerempeng, heehee,
Contoh I
<textarea cols="30" name="code" rows="6" style="background: none repeat scroll 0% 0% rgb(239, 0, 144); border: 3px dotted rgb(255, 239, 249); color: #ffeff9; line-height: 1.5em; padding: 5px;"> Letakkan kode atau tulisan Anda disini Coy </textarea> |
Hasilnya akan jadi seperti ini
Contoh 2
<textarea cols="30" name="code"
rows="6" style="-moz-border-radius: 7px 7px 7px 7px;
background: none repeat scroll 0% 0% rgb(251, 239, 255); border-color:
rgb(202, 61, 217); border-style: solid; border-width: 1px 1px 1px 20px;
color: #ca3dd9; line-height: 1.5em; padding: 5px;"> Letakkan kode atau
tulisan Anda disini Coy </textarea>
|
Hasilnya;
Contoh 3
<textarea name="code" rows="3" cols="20" style="background:#BFFAFF; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;"> Letakkan kode atau tulisan Anda disini Coy </textarea> |
Hasilnya;
Contoh 4
Contoh 4
<textarea cols="20" name="code"
rows="3" style="background: none repeat scroll 0% 0% rgb(218,
255, 191); border: 2px dashed rgb(41, 95, 0); color: #295f00; line-height:
1.5em; padding: 5px;">ISI Letakkan kode atau tulisan Anda disini Coy </textarea>
|
Hasilnya;
Demikianlah cara membuat kode text area dan contoh-contoh bentuk text area.
Catatan untuk merubah dan ukuran dan warna bisa anda modifikasi dengan cara mengedit kode-kode di atas,, sebab kkode di atas cuma sebatas contoh yang insyaAllah bermanfaat bagi para pengunjung blog ini, terutama yang belum tau dan atau bagi pengunjunng yang sudah lupa.
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Sobat sedang membaca artikel berjudul: CARA MEMBUAT KODE HTML DI DALAM TEXT AREA
yang ditulis oleh Sonin
Rating Blog 5 dari 5
Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya http://soninkomputer.blogspot.com/2012/12/cara-membuat-kode-html-di-dalam-text.html atau kode yang ditulis oleh Sonin
Rating Blog 5 dari 5
9 komentar:
Tukar link yuk
http://seallinfo.blogspot.com
silahkan, sobat pasang link kami di atas, atau kode html dunia komputer di atas, jika sobat sdh memasang kode di atas dan segera beritahu maka kami akn segera memasang link anda!
mau tanya, kok aq uda sesuai petunjuk tapi kode bannerku selalu ga masuk ya? uda dikopi, pas disimpan tiba" hilang..
minta tolong solusinya bro..
Mantab gan, izin copas, visit yah ke http://program-kasir-toko-murah.blogspot.com/
gan gimana cara masukkan javascript di dalam teks area??
"Letakkan kode atau tulisan Anda disini Coy " diganti javascript. (codenya gak kelihatan)
thanks sob, work.
Ayo ngeBlog
verry good article Obat Radang Gendang Telinga
Angkasa Bali -Distributor Perlengkapan Kantor, Furniture Dan Interior. Seperti Meja Kantor, Kursi Kantor, Partisi Kantor, Brankas, Filling Cabinet, Locker, Rak besi, Lemari Arsip, Sofa, Elektronik, dan Sebagainya. Pemesanan Hub (085 101362248) Tel kantor 0361 8947611 - Fax 0361 8947612. Email: akb_oe@yahoo.co.id/akb_oe1@yahoo.co.id. Web: http://angkasabali.blogspot.com/
Angkasa Bali
Distributor Peralatan Kantor
Jual Peralatan Kantor
Angkasa Bali Distributor alat Kantor
Angkasa Bali jual alat Kantor
Angkasa Bali jual furniture Kantor
Angkasa Bali jual furniture dan alat Kantor
kalo melatakkan link di dalam text area gak bisa yah gan?
Posting Komentar