Cara membuat text area mempesona

Setelah beberapa tahun (eh salah, menit maksudnya) saya mencari artikel cara membuat text area yang enak dilihat, tentunya tidak klasik seperti ini

Inilah tulisan text area yang kurang enak dilihat bla bla bla blabla blabla bla bla bla bla bla blabla blabla bla bla bla bla bla blabla blabla bla blabla bla bla blabla blabla bla bla bla bla bla blabla blabla bla bla bla bla bla blabla blabla bla bla

Beberapa master blog saya kunjungi, akhirnya ketemu juga blog yang sangat menarik tentunya saya dapat dari http://gubhugreyot.blogspot.com.
Kemudian sengaja tidak sengaja saya dapat artikel cara memuat text area yang begitu mempesona dari blog tadi, nah langsung aja saya kasih tau cara-caranya.

Ohiya masih bingung text area yang mempesona itu seperti apa, contohnya seperti ini
Inilah text area yang mempesona bla bla bla bla bla bla bla bla blabla blabla bla bla bla bla bla blabla blabla bla bla bla bla bla blabla blabla bla bla bla bla bla blabla blabla bla bla bla bla bla blabla blabla bla bla bla bla bla blabla blabla bla bla bla bla bla blabla blabla bla bla bla bla bla blabla blabla bla blavbla bla bla blabla blabla bla blabla bla bla blabla blabla bla blabla bla bla blabla blabla bla blanla bla bla bla bla bla bla blanlabla bla bla bla blabla bla bla

Langsung aja deh cara-caranya dari pada ente pusing dengerin ane bacot.hehe
1. Login ke blogger Anda (jangan ke blog saya,hehe)
2. Klik "Design (Rancangan)".
3. Klik "Edit HTML".
4. Cari kode ]]></b:skin> .
5. Copy dan patekan kode CSS textarea yang ada dibawah ini, tentunya letakkan di atas kode ]]></b:skin>.
6. KLIK "SAVE Templates (Simpan Template)".
Lanjutkan dengan cara menggunakan xHTML textarea.
Bila belum jelas urutan dan cara melakukan penyimpanan kode, buka "Special Tutorials" yang di dalamnya terdapat tutorial cara cepat cari kode HTML dan Cara lengkap melakukan penyimpanan kode CSS, xHTML, Javascript di blog (template).


Kode CSS Textarea Penuh Pesona

textarea.GRetarea {
       font-size: 14px;
       font-family: Arial, Tahoma, Helvetica;
       border: 0px solid transparent;
       outline: none;
       border: 5px solid; 
       border-color: #ccc #aaa #aaa #ccc;
       border-radius: 12px; 
      -moz-border-radius: 12px; 
      -webkit-border-radius: 12px;      
       background: #eee; 
       box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 10px #555;  
      -moz-box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 10px #555; 
      -webkit-box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 10px #555;
       text-shadow: 1px 1px 1px #666; 
       padding: 5px 5px 2px; 
       color: #625F3C; 
       margin: 15px 5px;
      -o-transition: all 1s ease-out;
      -moz-transition: all 1s ease-out;
      -webkit-transition: all 1s ease-out;    
}
textarea.GRetarea:hover {
       border-color: #aaa #888 #888 #aaa;
       border-radius: 8px; 
      -moz-border-radius: 8px; 
      -webkit-border-radius: 8px;      
       background: #fff; 
       color: #111;
       text-shadow: 1px 1px 1px #aaa;
       box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 20px #222;  
      -moz-box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 20px #222; 
      -webkit-box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 20px #222;
}

Belum selesai, Nah sekarang dikasih tau nih cara menggunakan Textarea Penuh Pesona
Buat postingan baru atau add a gadget lalu copy paste kan kode dibawah ini kedalam postingan/gadget tersebut

<textarea class="GRetarea" cols="60" rows="6" style="height: 72px; width: 286px;">Tuliskan Teks atau Kode HTML di sini ! </textarea>

• Pada Tulisan yang tebal ganti kata-apa yang ingin anda masukan ditext area tersebut.
• Jika Anda ingin menaruhnya pada postingan, maka harus masuk HTML, bukan Compose.

Catatan :

Textarea berfungsi sebagai wadah teks dimana semua bentuk teks akan di tampilkan apa adanya, termasuk kode HTML. Jadi bila sampeyan menuliskan kode berbentuk seperti ini : <style typt="text/CSS">
 maka dalam box textarea akan terlihat seperti itu juga (ditampilkan apa adanya sesuai yang dituliskan).

    row="6" adalah ukuran tinggi textarea. Rubah nilainya untuk merubah ketinggian textarea ;Semakin kecil akan semakin pendek, sedang apabila diperbesar akan semakin tinggi.

    cols="60" adalah ukuran lebar. Semakin besar semakin lebar dan sebaliknya bila diperkecil maka akan semakin berkurang lebarnya.
    Ukuran text dapat dirubah dengan merubah nilai pada : font-size: 14px;


Selesai deh semoga Anda bisa yee.
Aminn