Cara Membuat Kotak Teks (Text Area) Dalam Postingan Blog


misterpangalayo.com - Pasti pada bertanya bagaimana cara membuat kotak area seperti gambar diatas, kali ini saya akan berbagi ilmu cara membuat kotak area dalam postingan sebuah blog. Dalam kotak area, Anda bisa mengisinya dengan teks, link, banner, dan lain-lain.

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.

Cara Pertama (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

Ayo simak baik-baik kode dibawah ini:

<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: #cfe2f3; text-align: center;">

WWW.MISTERPANGALAYO.COM

</p>
( Gantilah tulisan berwarna biru sesuai dengan kalimat teks Anda ) 

Hasilnya:



WWW.MISTERPANGALAYO.COM

Cara Kedua (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;">

WWW.MISTERPANGALAYO.COM

</p>


Hasilnya :



WWW.MISTERPANGALAYO

Sekian dulu Tutorial Cara Membuat Kotak Teks kali ini dan semoga bisa bermanfaat kedepannya. SELAMAT MENCOBA !!!

4 komentar:

  1. ijin nyoba tutorialnya mas, mau saya terapin di blog saya yang baru.... terima kasih

    BalasHapus
  2. mantap bro bise jadi referensi buat posting berikut.. makasih

    BalasHapus

Jika ada yang ingin ditanyakan, silakan kontak saya
+Email : raditmananta@gmail.com
+Twitter : @raditmananta

Tata Tertib Berkomentar di blog misterpangalayo:

1. Gunakan Gaya Tulisan yang Biasa-biasa Saja
2. Tidak Melakukan Komentar yang Sama Disetiap Postingan
3. Berkomentar Mengandung Unsur Sara Tidak di Anjurkan

Diberdayakan oleh Blogger.