Cara Membuat Table Pada Postingan dan Laman Blogger

Membuat Table Pada Postingan dan Laman Blogger - hai jumpa lagi sobat bloggers ! , akhirnya Anda datang juga  untuk mencari sebuah solusi yang ingin diselsaikan. Pada kali ini saya akan share tutorial blog untuk melakukan input atau membuat table pada postingan dan laman blogger, semoga cara ini adalah solusi terbaik untuk Anda bloggers ! tunggu apa lagi berikut saya tutorialkan.

Cara membuat table pada postingan dan laman blogger

Beriku ini adalah contoh dari table yang saya maksud*

Website	Deskripsi
Mau Tukar Link ?	Coba disini =>Link Exchange
url Anda	url Anda
url Anda	url Anda
url Anda	url Anda
url Anda	url Anda
url Anda	url Anda
url Anda	url Anda
url Anda	url Anda
url Anda	url Anda
url Anda	url Anda
url Anda	url Anda

Nah mari kia lanjut kepada cara pemasangan tablenya pada blogger.


Cara membuat table pada postingan dan laman blogger.

1. Masuk ke menu "Template" dan menuju kebagian "Edit HTML".

2. Cari kode </style> atau ]]></b:skin> dimenu edit html.

3. Copy dan pastekan kode script dibawah ini tepat diatas kode </style> atau bisa juga diatas kode ]]></b:skin>.

/* CSS Post Table */table{border-collapse:collapse;border-spacing:0;}.post-body table td {border:1px solid #e9e9e9;padding:10px;text-align:left;vertical-align:top;}.post-body table th {border:1px solid #5a97ff;padding:10px;text-align:left;vertical-align:top;background:#4588f3 !important;color:#fff}.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;}.post-body th{background:#fff;font-weight:400;text-transform:uppercase;font-size:14px}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:50%}table.columns-4 td.columns-cell{width:30%}table.section-columns td.columns-cell{vertical-align:top}table.tr-caption-container{padding:4px;margin-bottom:.5em}td.tr-caption{font-size:80%}.post-body td img, .post-body th img {list-style:none;max-width:100%;height:auto;padding:0 !important;margin:0 !important}.post-body table.tr-caption-container img, .post-body table.tr-caption-container img, .post-body img {list-style:none;max-width:100%;height:auto;padding:0 !important;margin:0 !important}.post-body table.tr-caption-container td {border:none;padding:0 !important;margin:0 !important}.post-body table caption{max-width:100%;height:auto;border:none !important;padding:0 !important}.post-body img.video-thumbnail,.youtube-thumb{visibility:hidden !mportant;display:none !important;height:0}

4. Setelah itu save atau simpan template.

5. Untuk memunculkan table pada postingan atau laman blog copy dan pastekan kode ini pada menu "HTML" Bukan "Compose" artikel baru yang ingin Anda publikasikan.

<table cellpadding="0" cellspacing="0" style="text-align: left;"><tbody><tr> <th>Judul 1 table</th> <th>Judul 2 table</th> </tr><tr> <td>nama 2</td> <td>isi keterangan</td> </tr><tr> <td>nama 2</td> <td>isi keterangan</td> </tr></tbody> </table>

6. Ganti setiap tulisan berwarna merah dengan tulisan Anda ! , Selesai lalu publikasikan.

Sekian itulah cara membuat table pada postingan dan laman blog , terimakasih jangan lupa tinggalkan komentar ya.