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.
Related Post
- Cara Mendaftar di TrafikID.com
- Bagaimana Cara Meningkatkan Pengunjung Blog dengan Mudah?
- Cara Memasang Link Sumber Otomatis Ketika di Copy Paste
- Menonaktifkan Klik Kanan, Blok dan Copy pada Postingan dengan Peringatan
- Cara Membuat Tabel dalam Postingan Blog
- Cara Menghilangkan Tulisan Beranda, Posting Baru, Posting Lama, Langgan Entri Atom
- Cara Memasang Share Button Google+, Facebook, Twitter dan Like Facebook
- Edit Template Blogspot Menjadi Lebih Valid XHTML
- Membuat Bullet and Numbering pada Postingan
- Cara Memasang Update Twitter di Blogspot
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