Membuat Text Area Yang Indah di Blog

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 spacehalaman 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 CONTOH 1

X-MATY ( LETAKAN TEKS DISINI )
CODE 1
<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;"> X-MATY ( LETAKAN TEKS DISINI )

CONTOH 2
X-MATY ( LETAKAN TEKS DISINI )
CODE 2
X-<textarea cols="30" name="area" rows="2" style="background: #A9A9A9; border: 2px dotted #006400; color: darkmagenta; line-height: 1.5em; padding: 5px;">X-MATY ( LETAKAN TEKS DISINI )

CONTOH 3
X-MATY ( LETAKAN TEKS DISINI )
CODE 3
<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;">X-MATY ( LETAKAN TEKS DISINI )
CONTOH 4
X-MATY ( LETAKAN TEKS DISINI )
CODE 4
<textarea cols="30" name="area" rows="2" style="background: #FOF8FF; border: 2px double #ffaf; color: darkgreen; line-height: 1.5em; padding: 5px;">X-MATY ( LETAKAN TEKS DISINI )
CONTOH 5
X-MATY ( LETAKAN TEKS DISINI )
CODE 5
<textarea cols="30" name="area" rows="2" style="background: #FF1493; border: 2px dashed #FFD700; color: lime; line-height: 1.5em; padding: 5px;">X-MATY ( LETAKAN TEKS DISINI )
CONTOH 6
X-MATY ( LETAKAN TEKS DISINI )
CODE 6
<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;">X-MATY ( LETAKAN TEKS DISINI )
Haduh Lumayan Capek Juga Okeh Kalo gto sekian dolo lain kali aku sambung lagi karena sangat banyak macamnya teks area ini sob..
Tunggu Postingan berikutnya yh...

Share this

Share on FacebookPlus on Google+