Terkadang di dalam postingan kita ingin buat kotak teks atau text area, yang mana di dalam kotak teks bisa diisi dengan teks, link, banner, dll. Ada banyak cara / script yang bisa di gunakan untuk membuat kotak teks (text box) tersebut. Salah satunya adalah seperti contoh di bawah ini. Perhatikan baik-baik !
Contoh 1 : ( otomatis )
- Teks rata tengah = text-align: center; center bisa diganti dengan left, right, justify
- Background warna = background-color: #cf32f3 bisa Anda ubah sesuai warna yang di inginkan
- Border = border: 1px solid, bisa Anda atur ketebalan garis luarnya
Coba perhatikan kode berikut :
<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: #cfe2f3; text-align: center;">ADITUEK BLOGDPOT ADALAH NAMA BLOG INI </p>Ganti tulisan berwarna Biru dengan tulisan yang akan di tampakkan
Hasilnya seperti ini :
ADITUEK BLOGDPOT ADALAH NAMA BLOG INI
Contoh 2 : ( setting manual )
Anda juga bisa mengatur lebar dan tinggi kotak secara manual, misalnya kita akan mengatur Lebar Kotak misalnya menjadi 350px dan Tinggi Kotak 60px. Maka scrypt nya menjadi seperti di bawah ini :
<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; width:350px; height:60px; background-color: #cfe2f3; text-align: center;">ADITUEK BLOGDPOT ADALAH NAMA BLOG INI</p>Hasilnya
ADITUEK BLOGDPOT ADALAH NAMA BLOG INI
Demikian Tutorial mengenai cara membuat Teks Area di dalam Postingan. Semoga bermanfaat adanya.
Salam Blogger.
0 Komentar