Cara Membuat Tabel Di Blog Untuk Mengisi Spesifikasi

Cara Membuat Tabel Di Blog Untuk Mengisi Spesifikasi - Haloo! Selamat malamm.. Kali ini saya akan share bagaimana cara membuat kotak di blog. Biasanya kotak-kotak ini digunakan untuk mengisi spesifikasi hp, demo blog, keterangan dan masih banyak lagi.. Oke langsung saja

Berikut Langkah-langkahnya:

1. Buka menu Template kalian dan klik edit template

2. Tekan CTRL+F lalu tuliskan </skin> dan enter.

3. Taruh Kode CSS ini diantara <skin> dan </skin> . Dibawah kode <skin> atau diatas kode </skin>
/* CSS Post Table */
.post-body table td, .post-body table caption{border:1px solid #e6e6e6;padding:10px;text-align:left;vertical-align:top;}
.post-body table th {border:1px solid #009abf;padding:10px;text-align:left;vertical-align:top;}
.post-body table.tr-caption-container {border:1px solid #eee;}
.post-body th{font-weight:700;}
.post-body table caption{border:none;font-style:italic;}
.post-body table{}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #eee;}
.post-body td:hover{background:#fafafa;}
.post-body th{background:#00acd6;color:#fff;}
.post-body th:hover{background:#009fc6;}
.post-body table.tr-caption-container td {border:none;padding:8px;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
img {max-width:100%;height:auto;border:none;}
table {max-width:100%;width:100%;margin:1.5em auto;}
table.section-columns td.first.columns-cell{border-left:none}
table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
table.columns-2 td.columns-cell{width:50%}
table.columns-3 td.columns-cell{width:33.33%}
table.columns-4 td.columns-cell{width:25%}
table.section-columns td.columns-cell{vertical-align:top}
table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:80%}
.widget ul {padding:0;}

5.Buat postingan atau Laman dan klik "HTML" terlebih dahulu pada blog kalian.. Lalu gunakan kode ini
<table><tbody>
<tr> <td>Nama</td> <td><b>Asal</b></td></tr>
<tr> <td>Ygusma</td> <td>Lampung</td></tr>
<tr> <td>Gusma</td> <td>Lampung<div>serang</div>
</td></tr>
</tbody></table>


Nanti Begini Hasilnya
Nama Asal
Ygusma Lampung
Gusma Lampung
serang


Kalian juga dapat membuatnya menjadi 3 kolom kok..
Oke sekian Cara Membuat Tabel Di Blog Untuk Mengisi Spesifikasi .. Semoga bermanfaat dan selamat mencoba..

0 Response to "Cara Membuat Tabel Di Blog Untuk Mengisi Spesifikasi"

Post a Comment

Berkomentarlah menggunakan bahasa yang sopan.