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.
Copy Rights : Munzaro.Blogspot.Com
0 komentar:
Post a Comment