Cara Mudah Membuat Kotak / Tabel di Blog -->
Minggu, 4 Mei 2025

Cara Mudah Membuat Kotak / Tabel di Blog

16 October 2012

Dalam postingan kali ini saya akan memberikan sebuah tips Cara Membuat Kotak dan Tabel Pada Postingan Blog. Bagi sahabat yang sering nge blog pasti suka menemukan kotak / tabel dalam postingan blog, nah bagaimana membuat itu. Oke langsung saja kita praktekan Bagaimana Cara Membuat Kotak / Tabel Dalam Postingan Blog itu?
Simak baik - baik ya??




Lihat contoh dibawah
Catatan Kehidupan

ingin seperti itu langsung aja berikut caranya..

1.Pilih Edit HTML Pada Halaman Posting
2.Copas Kode di Bawah ini :
<p style="border-right: #6c7a7d 1px inset; padding-right: 30px; border-top: #6c7a7d 1px inset; padding-left: 30px; margin-left: 20px; border-left: #6c7a7d 1px inset; margin-right: 70px; border-bottom: #6c7a7d 1px inset"><font color="#ff0000">Catatan Kehidupan</font></p>
Catatan :
  • border-right = garis pinggir kotak sebelah kanan
  • border-left = garis pinggir kotak sebelah kiri
  • border-top = garis pinggir kotak sebelah atas
  • border-bottom = garis pinggir kotak sebelah bawah
  • #6c7a7d; #ff0000 = kode warna, rubah sesuai keinginan
  • 1px inset = ketebalan garis pinggir kotak, rubah sesuai keinginan
  • padding-right = jarak tulisan dengan garis pinggir kotak sebelah kanan
  • padding-left = jarak tulisan dengan garis pinggir kotak sebelah kiri
  • margin-right = jarak kotak dengan pinggir posting sebelah kanan
  • margin-left = jarak kotak dengan pinggir posting sebelah kiri
  • 20px; 30px; 70px = satuan jarak, rubah sesuai keinginan
  • font color = warna teks, hapuskan kode ini jika ingin teksnya berwarna seperti warna teks pada posting


BerbagiPengalamanHidup

Jika ingin hasilnya seperti yang ini maka copas kode dibawah:

<table border="1" width="450"> <tr bgcolor="#F2F2F2"> <td align="center"><b>Berbagi</b></td><td align="center"><i>Pengalaman</i></td><td align="center">Hidup</td> </tr> </table> </table>

Gampang kan??
Demikian Cara Membuat Tabel / Kotak di Postingan Blog
Selamat mencoba dan semoga bermanfaat..!!

Loading