CARA MEMBUAT KODE HTML DI DALAM TEXT AREA

Posted by Sonin Sabtu, 29 Desember 2012 10 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

<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
Terima kasih atas perhatian dan kerjasamanya

10 komentar:

Unknown mengatakan...

Tukar link yuk
http://seallinfo.blogspot.com

Sonin mengatakan...

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!

Unknown mengatakan...

mau tanya, kok aq uda sesuai petunjuk tapi kode bannerku selalu ga masuk ya? uda dikopi, pas disimpan tiba" hilang..
minta tolong solusinya bro..

artaa mengatakan...

Mantab gan, izin copas, visit yah ke http://program-kasir-toko-murah.blogspot.com/

Unknown mengatakan...

Saling follow fanspage dan tukar link yuks | nanti aku follow juga

http://tipsfadhil.blogspot.com
http://www.facebook.com/558987064216125 (Fanspage Facebook)

Terima Kasih...

Zhey mengatakan...

gan gimana cara masukkan javascript di dalam teks area??

"Letakkan kode atau tulisan Anda disini Coy " diganti javascript. (codenya gak kelihatan)

Mualim Mengaji mengatakan...

thanks sob, work.
Ayo ngeBlog

blog zombie mengatakan...

verry good article Obat Radang Gendang Telinga

Angkasa mengatakan...

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

blogger id mengatakan...

kalo melatakkan link di dalam text area gak bisa yah gan?

Posting Komentar

Popular Posts

Ilmu Blog dan SEO| Desain of DUNIA KOMPUTER.
Estimated worth website
Copyright © 2012 - Dunia Komputer - Desain by Sonin