Cara Gampang Menciptakan Kotak / Tabel Di Blog

Dalam postingan kali ini aku akan memperlihatkan sebuah tips Cara Membuat Kotak dan Tabel Pada Postingan Blog. Bagi sobat yang sering nge blog niscaya suka menemukan kotak / tabel dalam postingan blog, nah bagaimana menciptakan itu. Oke pribadi saja kita praktekan Bagaimana Cara Membuat Kotak / Tabel Dalam Postingan Blog itu?
Simak baik - baik ya??

Lihat pola dibawah

ingin menyerupai itu pribadi 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"></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 = isyarat warna, rubah sesuai keinginan
• 1px inset = ketebalan garis pinggir kotak, rubah sesuai keinginan
• padding-right = jarak goresan pena dengan garis pinggir kotak sebelah kanan
• padding-left = jarak goresan pena 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 isyarat ini kalau ingin teksnya berwarna menyerupai warna teks pada posting

Berbagi

Pengalaman

Hidup

Jika ingin akibatnya menyerupai yang ini maka copas isyarat 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 supaya bermanfaat..!!
Sumber http://allcatatan.blogspot.com

Mari berteman dengan saya

Follow my Instagram _yudha58

Baca juga:

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: