Cara Mudah Membuat Kotak / Tabel di Blog

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

Berbagi

Pengalaman

Hidup

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..!!

ADS HERE !!!