Cara Membuat Text Area yang Keren Dan Kreatif

Teks area merupakan salah satu fasilitas yang sering digunakan oleh para pembuat tutorial dalam meletakkan kode-kode bahasa pemrograman dalam blog/situsnya.

Ternyata banyak cara untuk membuat sebuah text area yang menarik dan kreatif. Disini akan saya share beberapa cara membuat text area. Semoga dapat bermanfaat bagi sobat semua :)

Text area standard :

<textarea>Teks sobat disini (blog-mas-agung.blogspot.com)</textarea>

Text area dengan kreatifitas :

<textarea cols="40" name="code" rows="3" style="-moz-border-radius: 10px; background: #BFFAFF; border-bottom: 4px solid #0000FF; border-left: 4px solid #FF0000; border-right: 4px solid #0000FF; border-top: 4px solid #FF0000; color: red; line-height: 1.5em; padding: 5px;"> Teks sobat disini (blog-mas-agung.blogspot.com) 

<textarea cols="40" 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;"> Teks sobat disini (blog-mas-agung.blogspot.com) 

<textarea cols="40" name="code" rows="4" style="background: #00CCFF; border: 3px dotted #0000FF; color: #ffeff9; line-height: 1.5em; padding: 5px;"> Teks sobat disini (blog-mas-agung.blogspot.com) 

<textarea cols="40" name="code" rows="6" style="-moz-border-radius: 7px 7px 7px 7px; background: #E6E6FF; border-color: #FF0000; border-style: solid; border-width: 1px 1px 1px 20px; color: red; line-height: 1.5em; padding: 5px;"> Teks sobat disini (blog-mas-agung.blogspot.com)

<br /><textarea cols="40" name="code" rows="6" style="background: #99FF33; color: black; line-height: 1.5em; padding: 5px;"><br /> Teks sobat disini (blog-mas-agung.blogspot.com)

Nah, itu tadi beberapa cara membuat text area. Yang manakah text area favorit sobat ? Apakah sobat memiliki text area versi lain yang lebih kreatif ? Yuk, mari kita sharing melalui form komentar dibawah ini :)