CARA MEMPERCANTIK TEXT AREA BLOG

Kali ini saya mau posting cara mempercantik blogger, pengetahuan ini saya dapat dari blog lain dan saya posting ke blog saya (bukan copas lho). Lagsung saja :
Text Area adalah kotak aktif yang dapat digunakan untuk menempatkan teks atau kode atau script, untuk memudahkan dalam melakukan copy-paste (pengertian ala kadarnya, jika ada yang kurang tepat mohon pencerahannya).
Contoh text area standar:

Ini Teks Area Biasa Belum saya modifikasi

Dan di bawah ini ada beberapa contoh text area cantik yang telah kang fatur modifikasi:

O iya, script cara membuatnya ada di dalam text area-nya ya tinggal di Copy Paste aja

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

<textarea name="code" rows="3" cols="20" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;"> ISI TEKS AREA KAMU DISINI </textarea> 

<textarea name="code" rows="3" cols="20" 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 TEXT/KODE </textarea>

<textarea name="code" rows="3" cols="20" style="background: #FFDAAF; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;"> ISI TEKS AREA KAMU DISINI </textarea>

  <textarea name="code" rows="3" cols="20" style="background:#DAFFBF; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> ISI TEKS AREA KAMU DISINI </textarea>

  <textarea name="code" rows="3" cols="20" style="background: #EF0090; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;"> ISI TEKS/KODE </textarea>

<br /><br /><textarea name="code" rows="3" co2ls="20" style="background:#FF000A; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"><br />ISI TEKS AREA SOBA DISINI </textarea>

Hehe gimana sooob dengan Teks Area Cantik di atas???? suka?, tertarik? silahkan dicoba, mudah mudahan bermanfaat bagi sobaat.
Silahkan sedot ... !!!


posted by rhoel macazzart:) Read more: http://www.bloggerafif.com/2011/01/membuat-auto-readmore-pada-blogspot.html#ixzz1SMV0Oahe