Membuat Textarea 3D Cantik di Blogger/Blogspot LightYellow

Textarea merupakan bagian dari form yang berfungsi sebagai space/ruang bagi teks/konten khusus yg ingin diberi posisi/penempatan eksklusif. Ada poly jenis textarea berdasarkan fungsi form, yaitu buat mengisi data, submission/pendaftaran , polling, search, dan lain-lain. Namun pada posting kali ini akan dikhususkan pada texarea yg berfungsi sebagai space bagi konten eksklusif buat digunakan olh pengunjung serta bersifat read-only, baik dalam posting blog/website maupun pada widget/sidebar.

Pada posting terdahulu, aku pernah membuatkan mengenai textarea sederhana menggunakan menggunakan tag div dan beberapa aturan CSS yang sederhana pula. Di posting ini, saya share textarea dengan tag originalnya (textarea tag) serta beberapa sentuhan style CSS3. Posting ini akan dilanjutkan menggunakan posting-posting selanjutnya mengenai textarea menggunakan berbagai macam styling yang nantinya dapat dipilih serta disesuaikan menggunakan rona dan template blog sehingga akan tampak lebih indah.

Dasar tag textarea merupakan:
teks/konten disini
Nah, menggunakan memasukkan beberapa atribut serta style CSS, kita dapat mempercantik tampilan textarea tadi. Contoh
teks/konten textarea disiniteks/konten textarea disini teks/konten textarea disiniteks/konten textarea disiniteks/konten textarea disiniteks/konten textarea disiniteks/konten textarea disiniteks/konten textarea disini
Hasilnya: 
teks/konten textarea disini teks/konten textarea disini teks/konten textarea disini teks/konten textarea disini teks/konten textarea disini teks/konten textarea disini
Itu merupakan sebagian model sederhana styling dalam text area. Selanjutnya berikut adalah textarea dengan menggunakan styling CSS3 yang sedikit agak rumit. Anda dapat meenggunakan script/kodenya pada blog anda dan melakukan beberapa kostumisasi sinkron kebutuhan.


teks/konten textarea disini teks/konten textarea disini teks/konten textarea disini teks/konten textarea disini teks/konten textarea disini teks/konten textarea disini teks/konten textarea disini teks/konten textarea disini teks/konten textarea disini teks/konten textarea disini teks/konten textarea disini

Cara membuatnya:
1. Copy kode CSS berikut:
Kostumisasi: atur nilai width (lebar) serta height (tinggi) sesuai menggunakan keinginan.
2. Apabila ingin memakai textarea yg sama dalam seluruh posting/widget, paste kode CSS tadi sempurna di atas dalam edit HTML template lalu save.
3. Jika ingin memakainya pada satu posting saja, masukkan kode CSS pada bagian bawah posting melalui pilihan menu Edit HTML posting (letaknya di pojok kanan atas kotak editor posting) atau HTML/Javascript dalam widget.
4. Kopi kode HTML berikut:
teks/konten textarea disini
5. Ganti teks/konten textarea disini menggunakan konten anda. 
6. Masukkan ke editor posting melalui melalui pilihan menu Edit HTML posting (letaknya pada pojok kanan atas kotak editor posting) HTML/Javascript pada widget dimana anda sebelumnya telah memasukkan kode CSS.
7. Done. Anda dapat mempreviewnya eksklusif melalui "compose".

Wait for other beautiful textarea designs from Tips-Tricks Blogger!
mencuri merupakan pekerjaan pengecut! © tentang-soal.blogspot.com

Tidak ada komentar untuk "Membuat Textarea 3D Cantik di Blogger/Blogspot LightYellow"