Kotak Area Cantik

Jumpa lagi dengan saya, setelah beberapa hari tidak menunjukkan batang hidungnya,,,hidungnya siapa coba?hehehhee
wah,,malah sampe ngebahas hidung nech,,maap-maap. Ketimbang bahas masalah hidung, alangkah baiknya kita bahas mengenai hal yag berguna aja yukk..hohohoho
Kali ini saya akan membahas mengenai cara buat kotak area yang bisa di bilang sangat berguna buat mempercantik sebuah artikel ataupun postingan di blog, bahkan beribu sampe berbapak (penulis rada-rada galau nichh,,hehehe). Langsung saja dibawah ini sudah tersedia macam macam teks area buat blo. Tinggal sobat pilih sesuai keinginan dan cara meletakkannya cukup mengcopy dalam kotak area.

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="width: 300px; height: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Text atau kode yang ingin di masukan di kotak text area di sini

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





<textarea name="code" rows="3" cols="20" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"> ISI TEKS AREA SOBAT DISINI</textarea>





<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;"> ISI TEXT/KODE </textarea>






<textarea name="code" rows="3" cols="20" style="background: #FFDAAF; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;"> ISI TEKS AREA SOBAT DISINI </textarea>






<textarea name="code" rows="3" cols="20" style="background:#DAFFBF; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> ISI TEKS AREA SOBAT DISINI </textarea>






<textarea name="code" rows="3" cols="20" style="background: #EF0090; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;"> ISI TEKS/KODE </textarea>







<br /><br /><textarea name="code" rows="3" co2ls="20" style="background:#FF000A; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"><br />ISI TEKS AREA SOBA DISINI </textarea>

Semoga postingan ini bermanfaat buat sobat. Jangan lupa tinggalkan komentar ya ^^