Membuat Teks Area Unik dan Menarik Membuat Teks Area Unik dan Menarik

      Ada yang tau apa itu Teks Area ?  Adalah kotak aktif yang dapat digunakan untuk meletakkan script atau kode CSS dan semacamnya, agar lebih mudah di kenali pembaca.  Kegunaan Teks Area memang sangat berguna untuk membedakan mana tulisan kita dengan kode-kode, bisa juga di gunakan untuk artikel yang sedikit lebih penting.

      Teks Area juga dapat di modifikasi lho.. jadi lebih unik dan lebih menarik dari biasanya.  Kalo yang biasa hasilnya seperti ini aja kok,

Ini Teks Area Biasa Belum Saya modifikasi

      Gak menarik bukan ?  Nah.. kali ini kita membahas bagaimana cara Membuat Teks Area Unik dan Menarik, dengan teknik coba-coba akhirnya bisa menemukan Teks Area yang unik dan juga sangat menarik untuk kalian coba !  Enggak kalian coba tar bakal nyesel ! Inget ! NYESEL !lebay. 
Langsung aja enggak usah bertele-tele lagi,  silahkan lihat beberapa contoh Teks Area Unik dan Menarik di bawah ini..
Script cara membuatnya terdapat di Teks Area masing-masing, silahkan di simak !!

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

<textarea name="code" rows="4" cols="50" 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="4" cols="50" 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 TEKS AREA SOBAT DISINI </textarea>

<textarea<br /> cols="50" name="area" rows="4" style="-moz-border-radius-bottomright:<br /> 15px; -moz-border-radius-topleft: 15px; background: #7FFF00; border:<br /> 2px ridge #0000FF; color: black; line-height: 1.5em; padding:<br /> 5px;"> ISI TEKS AREA SOBAT DISINI </textarea>

     Gimana ? cantik cantik bukan Teks Area nya?  Seperti yang nulis artikel ini dong tentunya ! wekkwkwkwkkwk  Oh iya ada tambahan juga sob.. jika ingin melebarkan dan memanjangkan Teks Area juga bisa kok.  cols itu maksudnya adalah kolom, jadi jika ingin melebarkan silahkan ukurannya diganti yang terdapat di cols="50" .  Jika ingin memanjangkan Teks Area ganti ukuran yang ada di rows="4" , rows berarti baris.

 Bener bener berguna enggak buat kalian ? Pastinya dong
semoga bermanfaat dan salam blogger !

Sumber : Akatsuki Blog