Cara Membuat Kotak Teks Area (Text Area) di Dalam Postingan Blog
Cara Membuat Kotak Text Area (Text Area) di Dalam Postingan Blog -
Terkadang di dalam postingan kita ingin buat kotak teks (text area), di dalam kotak teks bisa diisi dengan teks, link, banner, dll. Ada banyak cara / script yang bisa anda gunakan untuk membuat kotak teks (text box) tersebut. Sebagai contoh di bawah ini merupakan salah satu cara membuat kotak teks (text box) dengan script yang berbeda.
Contoh 1 : ( otomatis )
1. Teks rata tengah = text-align: center; center bisa diganti dengan left, right, justify
2. Background warna = background-color: #cf32f3 bisa Anda ubah sesuai warna yang di inginkan
3. Border = border: 1px solid, bisa Anda atur ketebalan garis luarnya
Coba perhatikan kode berikut :
contoh 1 :
<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: #cfe2f3; text-align: center;">
idsamsungblackberry.blogspot.com
</p>
Contoh 2 : ( manual )
Anda juga bisa mengatur lebar dan tinggi kotak secara manual, misalnya kita akan mengatur Lebar Kotak menjadi 300px dan Tinggi Kotak 70px. Perthatikan scrypt di bawah ini :
<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; width:300px; height:70px; background-color: #cfe2f3; text-align: center;">
idsamsungblackberry.blogspot.com
</p>
Terkadang di dalam postingan kita ingin buat kotak teks (text area), di dalam kotak teks bisa diisi dengan teks, link, banner, dll. Ada banyak cara / script yang bisa anda gunakan untuk membuat kotak teks (text box) tersebut. Sebagai contoh di bawah ini merupakan salah satu cara membuat kotak teks (text box) dengan script yang berbeda.
Contoh 1 : ( otomatis )
1. Teks rata tengah = text-align: center; center bisa diganti dengan left, right, justify
2. Background warna = background-color: #cf32f3 bisa Anda ubah sesuai warna yang di inginkan
3. Border = border: 1px solid, bisa Anda atur ketebalan garis luarnya
Coba perhatikan kode berikut :
contoh 1 :
<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: #cfe2f3; text-align: center;">
idsamsungblackberry.blogspot.com
</p>
Contoh 2 : ( manual )
Anda juga bisa mengatur lebar dan tinggi kotak secara manual, misalnya kita akan mengatur Lebar Kotak menjadi 300px dan Tinggi Kotak 70px. Perthatikan scrypt di bawah ini :
<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; width:300px; height:70px; background-color: #cfe2f3; text-align: center;">
idsamsungblackberry.blogspot.com
</p>
Comments
Post a Comment
-Berkomentarlah yang baik dan rapi.
-Menggunakan link aktif akan dihapus.