Home » » Cara Membuat Kotak Teks Dalam Postingan Blog

Cara Membuat Kotak Teks Dalam Postingan Blog

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 comments:

Posting Komentar