Membuat Text Area Yang Indah di Blog

By | Oktober 13, 2011
Cara Membuat Text area Bagus-Keren | Contoh Text Area Cantik-Indah-Unik di Blog

Sepertinya sobat blogger sudah tidak asing dengan yang namanya text area. Sederhananya text area adalah kotak area yang berfungsi untuk menyimpan teks, kode – kode html, link ataupun tulisan lain yang dapat mempersingkat space halaman dalam blog.

Untuk tampilan yang berbeda, blogger-blogger tetangga banyak yang memodifikasi sedemikian rupa sehingga text area terlihat menarik, indah, unik, bagus, keren dan cantik. Dan dibawah ini merupakan contohnya:

1.

Kode :
<textarea cols=”30″ name=”area” rows=”2″ style=”-moz-border-radius: 10px; background: #FFFF00; border-left: 20px solid #4B0082; border: 1px solid #FF00FF; color: red; line-height: 1.5em; padding: 5px;”> tulisan teks atau kode disini</textarea>

2.

Kode:
<textarea cols=”30″ name=”area” rows=”2″ style=”background: #A9A9A9; border: 2px dotted #006400; color: darkmagenta; line-height: 1.5em; padding: 5px;”>tulisan teks atau kode disini</textarea>

3.

Kode:
<textarea cols=”30″ name=”area” rows=”2″ style=”-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; background: #7FFF00; border: 2px ridge #0000FF; color: black; line-height: 1.5em; padding: 5px;”>tulisan teks atau kode disini</textarea>

4.

Kode:
<textarea cols=”30″ name=”area” rows=”2″ style=”background: #FOF8FF; border: 2px double #ffaf; color: darkgreen; line-height: 1.5em; padding: 5px;”>tulisan teks atau kode disini</textarea>

5.

Kode:
<textarea cols=”30″ name=”area” rows=”2″ style=”background: #FF1493; border: 2px dashed #FFD700; color: lime; line-height: 1.5em; padding: 5px;”>tulisan teks atau kode disini</textarea>

6.

Kode:
<textarea cols=”30″ name=”area” rows=”2″ style=”background: #87CEFA; border: 2px groove #FF0000; color: snow; line-height: 1.5em; padding: 5px;”>tulisan teks atau kode disini</textarea>

7.

Kode:
<textarea cols=”30″ name=”area” rows=”2″ style=”background: #ADFF2F; border: 2px outset #00008B; color: darkred; line-height: 1.5em; padding: 5px;”>tulisan teks atau kode disini</textarea>

8.

Kode:
<textarea cols=”30″ name=”area” rows=”2″ style=”background: #D2B48C; border: 2px inset #008000; color: yellow; line-height: 1.5em; padding: 5px;”>tulisan teks atau kode disini</textarea>

9.

Kode:
<textarea cols=”30″ name=”area” rows=”2″ style=”-moz-border-radius: 20px; background: #FF69B4; border-bottom: 5px solid #008000; border-left: 4px solid #0000CD; border-right: 4px solid #FFFF00; border-top: 4px solid #FF0000; color: black; line-height: 1.5em; padding: 5px;”> tulisan teks atau kode disini </textarea>

* Silahkan ubah teks dan kode seperlunya dan
* Yang sudah mahir dengan kode HTML, bisa design sendiri sesukanya.

File asli

Facebook Comments

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *