membuat texarea dengan lapisan berwarna

mungkin diantara para blogger yang sudah lama tahu cara ini,tapi saya kira tidak ada salahnya memberi bagi yang belum tahu…………..
copy kode berikut ke dalam posting atau sidebar blog anda.

<div style=”overflow: auto; width: 135px; height: 110px; background: none repeat scroll 0% 0% rgb(191, 250, 255); font: 13px/1.5em Tahoma; color: rgb(255, 0, 0); border-width: 4px 4px 4px 4.5px; border-style: solid; border-color: rgb(255, 233, 0) rgb(64, 255, 31) rgb(64, 255, 31) rgb(255, 233, 0); -moz-border-radius: 10px 10px 10px 10px; padding: 5px;”>
Text/Link </div>
<div style=”overflow:auto;width:200px;height:100px;background-color:#c1eeec;text-align:justify;border:3px solid #999999;padding:5px;”> isi artikel disini… </div>
<div style=”overflow:auto;width:250px;height:100px;background:none repeat scroll 0 0 rgb(255,218,175);font:14px/1.5em Papyrus,Georgia;color:rgb(127,69,0);border:2px ridge rgb(127,69,0);-moz-border-radius-topleft:15px;-moz-border-radius-bottomright:15px;padding:5px;”> isi artikel disini… </div>
<div style=”overflow:auto;width:150px;height:100px;background:none repeat scroll 0 0 rgb(255,0,10);color:rgb(255,255,255);border:3px double rgb(255,255,255);line-height:1.5em;padding:5px;”> isi artikel disini… </div>
<div style=”overflow:auto;width:250px;height:200px;background:none repeat scroll 0 0 rgb(239,0,144);font:13px/1.5em Georgia;color:rgb(255,239,249);border:3px dotted rgb(255,239,249);padding:5px;”> isi artikel disini… </div>
<div style=”overflow:auto;width:200px;height:150px;background:none repeat scroll 0 0 rgb(218,255,191);font:13px/1.5em Comic Sans MS,Comic Sans,Arial;color:rgb(41,95,0);border:2px dashed rgb(41,95,0);padding:5px;”> isi artikel disini… </div>

Keterangan kode:

• width = lebar text area

• height = tinggi text area

• background-color = warna background text area

• text-align = perataan text

• padding = jarak antar tulisan

• border = tebal tipisnya garis tepi text area

• solid = warna garis tepi text area

Silakan di kembangkan lagi.
source:http://samudro.wordpress.com
Selamat mencoba…

5 thoughts on “membuat texarea dengan lapisan berwarna

  1. Pada kode yang kedua, sepertinya ada salah ketik. Kata “auto” dan “width” dalam “autowidth” mestinya dipisahkan oleh tanda titik koma, ‘kan?

  2. Assalamu’alaikum, terima kasih atas tutorialnya, saya gunakan ini untuk hiasan di player radio streaming Radio Rodja di blog saya, terima kasih..

    Klo g keberatan mohon komennya..

  3. Pingback: Kode Text Area « Arin Blog

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s