Cara Membuat Kotak Text Area di Postingan Blog - Mungkin anda ingin menambahkan atau membuat teks area atau kotak teks (text box) pada postingan blog anda, di dalam kotak teks tersebut selain di isi dengan teks bisa juga anda isi dengan gambar, banner atau yang lainnya. Lihat contoh dibawah ini:
Cara membuat teks area atau kotak teks (text box) adalah sebagai berikut:
Perhatikan kode dibawah ini:
<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: #cfe2f3; text-align: center;">
EPULJAPANESE BLOG
</p>
Hasilnya seperti ini:
Keterangan:
1. Posisi Teks= text-align: center; adalah untuk posisi di tengah, center bisa diganti dengan left, right atau 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
4. Tulisan EPULJAPANESE BLOG= Silahkan anda ganti dengan tulisan anda, atau gambar anda.
5. Untuk menentukan lebar dan tinggi kotak teks bisa kita tambahkan kode: width:250px; dan height:100px; (250px, 100px bisa anda ganti sesuai keinginan kita), contohnya sebagai berikut:
<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: #cfe2f3; width:250px; height:100px; text-align: center;">
EPULJAPANESE BLOG
</p>
Hasilnya seperti ini:
EPULJAPANESE BLOG
Sumber: http://agungpatiwidagdo.blogspot.com/
5
dengan URL: http://epuljapaneseblog.blogspot.com/2013/04/cara-membuat-kotak-teks-text-box-pada-postingan-blog.html
Apabila anda menyukai artikel ini atau merasa bermanfaat silahkan bagikan artikel ini di Facebook, Google+ dan Twitter anda dengan meng-klik tombol-tombol Share yang ada diatas postingan ini.
5 comments:
ok nih gan jos
gimana kok gk bisa ??
itu di tulis langsung di postingan ato edit html
nah ini ni yang saya cari. mkasih dah berbagi ilmu nya :D sukses selalu
thanks banget gan buat ilmunya.
ok terimakasih informasi dan tutorialnya saya akan coba bikin.
Post a Comment