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. Kotak teks ini biasanya digunakan untuk membuat form untuk tukaran link dengan blog lain.Sebagai contoh di bawah ini adalah beberapa macam cara membuat kotak teks (text box) dengan script yang berbeda.
Contoh 1:
* Teks rata tengah = text-align: center; center bisa diganti dengan left, right,justify
* Background warna biru = background-color: rgb(102, 204, 255) angka 102, 204, 255 bisa anda ubah sesuai keinginan ...
Script: (dimasukkan di dalam postingan)
<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: rgb(102, 204, 255); text-align: center;">Kang Nemo</p>
Hasilnya
Kamu juga bisa mengatur lebar dan tinggi kotak secara manual.
Tambahkan scrypt berikut : width:200px;height:100px;
<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; width:200px;height:50px; background-color: rgb(102, 204, 255); text-align: center;">Kang Nemo</p>
Jadi deh Teks Dalam Kotak. :D
Contoh 1:
* Teks rata tengah = text-align: center; center bisa diganti dengan left, right,justify
* Background warna biru = background-color: rgb(102, 204, 255) angka 102, 204, 255 bisa anda ubah sesuai keinginan ...
Script: (dimasukkan di dalam postingan)
<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: rgb(102, 204, 255); text-align: center;">Kang Nemo</p>
Hasilnya
Kang Nemo
Kamu juga bisa mengatur lebar dan tinggi kotak secara manual.
Tambahkan scrypt berikut : width:200px;height:100px;
<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; width:200px;height:50px; background-color: rgb(102, 204, 255); text-align: center;">Kang Nemo</p>
Hasilnya :
Kang Nemo
Jadi deh Teks Dalam Kotak. :D
0 Komentar untuk "Cara Membuat Kotak Teks (Text Area) Dalam Postingan Blog"