Cara Membuat Text Area di Blog

Pada kesempatan kali ini saya akan memberikan tutorial cara membuat text area diblog menggunakan kode html. Text area ini biasanya difungsikan sebagai tempat kode / text yang ditujukan untuk dicopy-paste oleh pengunjung blog. Langsung saja, cekidot....

1. Text Area Normal

 
<textarea name="normal"cols="10"rows="3">ISI TEKS/CODE Disini

2. Text Area dengan Border Style

 <textarea name="emsite3" rows="3" cols="10" style="background:#96e8c2;color:#000;border:1px solid #0f8555;border-left:20px solid #0f8555;line-height:1.5em;padding:5px;">ISI TEXT

3. Text Area dengan Background

 <textarea name="emsite2" rows="3" cols="10" style="background:#305F00;color:#fff;border:2px inset #003c1f;line-height:1.5em;padding:0 7px;"> ISI TEXT/KODE

4. Text Area Dengan Style Border Dashed

  <textarea name="emsite5" rows="3" cols="10" style="background:#Faffca;color:#000;border:2px #Ffb300 dashed;line- height:1.5em;padding:5px;">ISI TEKS/ KODE

Untuk menggunakannya, silakan pilih text area yang di inginkan dan copy paste code yang ada didalamnya ke post /sidebar /navigasi blogmu. Kode warna dapat diubah sesuka hati, contoh kode warna bisa dicari di google.

Sekian postingan dari saya, mudah-mudahan bermanfaat...

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest

About Bagas Abi W

Salah satu manusia remaja asal jogja yang sedang belajar untuk menulis blog. Suka dengan teknologi, olahraga, dan suka hal yang simpel.