Membuat Textarea 3D di Blogger

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Ini  adalah Trik untuk membuat teks area dengan gaya 3D,trik ini saya dapat dari blog tetangga cuma lupa Alamat blognya jadi y mohon maaf aza tidak mengikut sertakan Sumbernya,lagi pula cuma ingin berbagi ilmu jadi gx apa" y agan",amal dikitlah...

tanpa banyak basa basi dan berpikir panjang langsung aza liat script dan hasilnya dibawah ini :


<style type="text/css"> .trik-textarea {padding:3px;margin:0;width:400px;height:60px;color:#FFCC00;font:12px arial;background:#000;border:2px outset #FFCC00;-moz-box-shadow: 7px 7px 3px #888;-webkit-box-shadow: 7px 7px 3px #888; box-shadow: 7px 7px 3px #888;} .trik-textarea:hover {color:#FFFF00;border:3px double #FFB200;-moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0;"} </style> <br />

Copy dan  masukkan kode CSS di bagian bawah posting melalui menu Edit HTML posting. untuk mengatur panjang lebar kayanya bisa langsung ditarik" aza di Bagian Compose ato kalo gx ribet dan sudah bisa silahkan utak atik langsung di HTML ukuran dan warnanya,sudah saya coba sih. Inget ya simpan dibawah postingan..

Lalu selanjutnya Copy dan simpan Code berikut melalui menu Edit HTML posting juga ya jangan ampe salah :

<textarea class="trik-textarea" readonly="readonly" style="height: 79px; width: 472px;">
Isi Konten disini</textarea>

Ganti Isi Konten disini dengan konten kamu apa aza boleh x ya.sekian aza OK pasti ngerti dong kalo gx ngerti tanya aza lah sama master"nya.hehe...

Semoga Bermanfaat......


 Berbagi ilmu itu indah.