Kamis, 26 September 2013

Cara Membuat Tabel di Posting Blog

Cara Membuat Tabel di Posting Blog - Berikut admin mencoba berbagi cara membuat atau memasang tabel pada postingan blog. Sebagai contoh, dibawah ini ada tabel cara membuat tabel di blog.








contoh :

Cara Membuat Tabel di Blog

Header Kolom 1 Header Kolom 2 Header Kolom 3
Data Cell Data Cell Data Cell
Data Cell Data Cell Data Cell

Untuk warnanya bisa kita ubah - ubah sesuai dengan keinginan kita.


Copy dan paste kode dibawah ini di postingan sobat :
<table style="margin:0 auto;width:80%;border-collapse:collapse;background:#ecf3eb">
    <caption><h3>Contoh Tabel dengan CSS</h3></caption>
    <tr>
        <th style="border:1px solid #999;padding:8px 0;background: #0cf;">Header Kolom 1</th>
        <th style="border:1px solid #999;padding:8px 0;background: #0cf;">Header Kolom 2</th>
        <th style="border:1px solid #999;padding:8px 0;background: #0cf;">Header Kolom 3</th>
    </tr>
    <tr>
        <td style="border:1px solid #999;padding:4px 8px;">Data Cell</td>
        <td style="border:1px solid #999;padding:4px 8px;">Data Cell</td>
        <td style="border:1px solid #999;padding:4px 8px;">Data Cell</td>
    </tr>
    <tr>
        <td style="border:1px solid #999;padding:4px 8px;">Data Cell</td>
        <td style="border:1px solid #999;padding:4px 8px;">Data Cell</td>
        <td style="border:1px solid #999;padding:4px 8px;">Data Cell</td>
    </tr>
</table>

Selamat mencoba dan terima kasih. 


EmoticonEmoticon