Posted by : Fitrah pujangga Kamis, 26 Desember 2013



Kali ini saya akan mengshare sebuah tutorial tentang cara memodifikasi tampilan textarea blog supaya menjadi terlihat keren. Sudah tahu apa itu textarea? Textarea adalah tempat atau ruang yang bisa digunakan untuk meletakan teks atau script. Untuk sekarang ini tag <textarea> sudah jarang dipergunakan, tidak tahu apa alasannya, tapi yang pasti jika peletakan dan tampilan textarea sesuai dengan kegunaanya tentu hal ini akan membantu fungsi dan tampilan dari blog bersangkutan. Untuk lebih jelasnya, di bawah ini adalah contoh dari textarea :



Bagaimana cara membuatnya supaya terlihat keren? Kita akan membuatnya keren dengan sentuhan Css. Bagaimana caranya? Langsung saja, berikut ini adalah caranya :
  • Masuk ke dasboard blog kalian
  • Buka Template, pilih Edit HTML
  • Masukkan kode Css di bawah ini tepat di atas kode ]]></b:skin>
textarea { background:#808080; width:400px; height:100px; color:ccc; padding:10px; border-radius:5px; border:2px solid #9c9c9c; } 
textarea:hover { box-shadow:0px 0px 25px #fff; }
  • Kemudian simpan
Keterangan :
Ganti kode yang berwarna MERAH dengan kode warna backgrond textarea yang kalian inginkan
Ganti kode yang berwarna KUNING dengan kode ukuran lebar textarea yang kalian inginkan
Ganti kode yang berwarna UNGU dengan kode ukuran tinggi textarea yang kalian inginkan
Ganti kode yang berwarna ORANGE dengan kode warna text dalam textarea yang kalian inginkan
Ganti kode yang berwarna PINK dengan kode ukuran kelengkungan border textarea yang kalian inginkan
Ganti kode yang berwarna BIRU dengan kode ukuran ketebalan border textarea yang kalian inginkan
Ganti kode yang berwarna AQUA dengan kode warna border textarea yang kalian inginkan
Untuk menggunakannya, kalian letakkan kode di bawah ini pada tempat yang kalian inginkan :
<textarea rows="3" cols="40" name="txt" onclick="this.form.txt.select()">ISI TEXAREA DISINI</textarea>
 Nah itu dia caranya, bagaimana? Kalian bisa memodifikasinya sendiri sesuai keinginan kalian. Sekian artikel kali ini. Semoga bermanfaat. Jika ada yang kurang jelas, silakan kalian tanyakan di komentar

Leave a Reply

Jangan Lupa Tinggalkan Komentar ^_^
Di Follow juga,, kalo mau Follback Tinggalkan Link Blog Kalian

Subscribe to Posts | Subscribe to Comments

Like This OK !

- Copyright © 2013 RYUDARKNESS -Sao v2- Powered by Blogger - Designed by Johanes Djogan -