Teman-teman tahu kan teks area. Teks are biasanya digunakan untuk meletakkan kode-kode atau scrip code pada postingan tetnatng tutorial blog.
Tujuannya untuk menghemat space juga untuk menambah keindahan pastinya. Coba teman-teman perhatikan gambar dibawah ini :
Bagus kan. Tutorial ini saya dapatkan dari blog sahabat. Silakan klik disini untuk melihat artikel sumber.
Berikut ini langkah-langkah untuk membuat teks area yang unik-unik seperti gambar diatas:
- sudah login ke akun blogger
- copy paste kode berikut, pilih salah satu
Teks area 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;"> TEKS ANDA
DISINI</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;"> TEKS ANDA
DISINI</textarea>
Teks area 2
<textarea
cols="30" name="area" rows="2" style="background: #A9A9A9; border: 2px
dotted #006400; color: darkmagenta; line-height: 1.5em; padding:
5px;">TEKS ANDA DISINI</textarea>
Teks area 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;">TEKS ANDA DISINI</textarea>
Teks area 4
<textarea
cols="30" name="area" rows="2" style="background: #FOF8FF; border: 2px
double #ffaf; color: darkgreen; line-height: 1.5em; padding:
5px;">TEKS ANDA DISINI</textarea>
Teks area 5
<textarea
cols="30" name="area" rows="2" style="background: #FF1493; border: 2px
dashed #FFD700; color: lime; line-height: 1.5em; padding: 5px;">TEKS
ANDA DISINI</textarea>
Demikian teman-teman postingan cara Membuat Teks Area Unik.
Semoga bermanfaat ya.
0 comments:
Post a Comment