Membuat Kotak di Halaman Posting


Mata Upadate -

Membuat Kotak di Halaman Posting

Membuat Kotak di Halaman Posting

Mungkin terkadang anda ingin menuliskan sesuatu hal yang penting di halaman postingan, misalnya dengan memberikan kotak khusus agar tulisan tersebut terkesan tidak terkontaminasi dengan tulisan lainnya, bisa juga digunakan untuk menuliskan kode HTML pada tutorial tertentu. Caranya adalah menempatkan kode di bawah ini di antara tulisan pada postingan anda (entri baru), letaknya terserah, saya tidak ikut campur. Boleh dimana saja karena hanya anda yang tahu kotak tersebut akan ditaruh dimana.

<p style="border-right: #cc6600 1px inset; padding-right: 40px; border-top: #cc6600 1px inset; padding-left: 40px; margin-left: 20px; border-left: #cc6600 1px inset; margin-right: 80px; border-bottom: #cc6600 1px inset"><font color="#333333">Dilarang meninggalkan kentut di kotak komentar</font></p>

Keterangan :
  1. border-right adalah garis sebelah kanan pada kotak.
  2. border-left adalah garis sebelah kiri pada kotak.
  3. border-top adalah garis bagian atas pada kotak.
  4. border-bottom adalah garis bagian bawah pada kotak.
  5. #cc6600 dan #333333 adalah kode warna, anda bisa merubahnya sesuai keinginan.
  6. 1px inset adalah tebal garis pinggir pada kotak, anda bisa merubahnya sesuai keinginan.
  7. padding-right adalah jarak tulisan dengan garis sebelah kanan pada kotak.
  8. padding-left adalah jarak tulisan dengan garis sebelah kiri pada kotak.
  9. margin-right adalah jarak kotak dengan pinggir postingan (sebelah kanan).
  10. margin-left adalah jarak kotak dengan pinggir postingan (sebelah kiri).
  11. 20px; 40px; 80px; adalah satuan jarak, anda bisa merubahnya sesuai keinginan.
  12. font color adalah warna teks.
  13. tulisan yang berwarna biru adalah contoh teks yang akan anda masukan (ditampilkan) pada kotak, sehingga silahkan diganti sesuai dengan keinginan
*Jangan lupa, saat menerbitkan postingan tersebut menggunakan kolom yang Edit HTML.
      baiklah teman ... itulah postingan saya tentang Membuat Kotak di Halaman Posting semoga teman sekalian terpuaskan dan jangan lupa untuk cari lagi untuk postingan yang serupa di sebelah kiri ^_^ tetap jaga Mata untuk selalu Update ^_^