Kumpulan Cara Membuat Text Area

Kumpulan Cara Membuat Text Area - Hallo sahabat BLACK HAT SEO, Pada sharing Artikel kali ini yang berjudul Kumpulan Cara Membuat Text Area, saya telah menyediakan artikel lengkap dari awal sampai akhir. mudah-mudahan isi postingan yang saya tulis ini dapat anda pahami.

Kumpulan Cara Membuat Text Area
Kumpulan Cara Membuat Text Area


lihat juga


Kumpulan Cara Membuat Text Area

Artikel Posting,
Ada berbagai macam cara membuat text area. Ada text area biasa, ada text area sensitif select all ada yang berwarna. Yuk langsung saja membahas Kumpulan Cara Membuat Text Area.

Text area ini dapat diletakkan di area posting dan widget sobat. Caranya kalau di posting sobat harus memencet edit HTML saat memposting. Nah berikut Kumpulan cara membuat text area. Sobat tinggal copy paste pada tampilan berikut ini :


1. Text Area Biasa
<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

Hasilnya :


2. Text Area Hightlight All
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Hasilnya :
3. Text Area Berwarna


<center><textarea name="code" rows="2" cols="50" style="background: #EFF5FB; color: #000; border: 1px solid #ccc; border-left: 20px solid #0174DF; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>

Hasilnya :




<center><textarea name="code" rows="3" cols="42" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>



Hasilnya :


<center><textarea name="code" rows="2" cols="40" style="background:#E0ECF8; color:#FF0000; border-bottom: 4px solid #FE2E2E; border-right: 4px solid #01DF01; border-top: 4px solid #01DF01; border-left: 4px solid #FE2E2E; line-height:1.5em; padding:5px; -moz-border-radius:10px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>

Hasilnya :



<center><textarea name="code" rows="2" cols="42" style="background: #F8ECE0; color: #848484; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>

Hasilnya :




<center><textarea name="code" rows="2" cols="42" style="background:#A9F5A9; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>

Hasilnya :




<center><textarea name="code" rows="2" cols="42" style="background: #FAAC58; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;"><center><textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center></textarea></center>


Hasilnya :



<center><textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>
Hasilnya :



Masih banyak kumpulan cara membuat text area. Masih banyak juga yang mesti dibenahi dalam membuat text area yang dinamis. Yang pasti dengan info di atas sobat bisa kreasikan sendiri kode-kode di atas itu.


Demikianlah Artikel Kumpulan Cara Membuat Text Area

Sekian BLACK HAT SEO Kumpulan Cara Membuat Text Area, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingan BLACK HAT SEO kali ini.

Anda sedang membaca artikel Kumpulan Cara Membuat Text Area dan artikel ini url permalinknya adalah https://black-hat-seo-blogger.blogspot.com/2011/09/kumpulan-cara-membuat-text-area.html Semoga artikel ini bisa bermanfaat.

Tag : ,