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