Cara mudah membuat tabel pada HTML Postingan blogger

Bagi sobat yang sedang bingung ngoding membuat table, sobat tepat untuk masuk ke postingan ini, kali ini admin akan membagikan cara membuat table pada html blogger tanpa perlu ribet-ribet ngoding.

Pertama, sobat buka dulu situs ; http://www.tablesgenerator.com/html_tables
Kedua, Lalu isikan data pada kolom tabel di situs tersebut. Dengan contoh
Ketiga, Setelah tabel terisi, sobat tinggal klik
Sebelum sobat mengklik tombol generate sobat bisa memilih opsi Do not generate CSS dengan mecentang atau tidak, jika sobat menggunakan fitur pada situs tersebut jangan centang opsi Do not generate CSS untuk menerapkan pengaturan yang telah sobat buat.
Lalu copy kode dengan mengkik,
kira kira yang di salin seperti ini
<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-l711{border-color:inherit}
</style>

<table class="tg">
  <tbody>
<tr>
    <th class="tg-l711">Blog</th>
    <th class="tg-l711">Govie Attack</th>
  </tr>
<tr>
    <td class="tg-l711">Infomasi</td>
    <td class="tg-l711">Situs Informasi dan Pendidikan</td>
  </tr>
</tbody></table>
Sebelum sobat menyalin ke HTML Postingan blogger, sebaiknya sobat klik
Hasilnya seperti ini,
Keempat, Pastekan kode tersebut pada postingan blog dengan metode HTML, bukan Compase. lalu hasilnya seperti ini

Blog Govie Attack
Infomasi Situs Informasi dan Pendidikan

Sekian tutorial Cara mudah membuat tabel pada HTML blogger, semoga membantu sobat blogger indonesia.
DISCLAIMER: Konten yang ada di blog ini tidak seluruhnya saya tulis sendiri. Diperkenankan mengambil isi konten sebagian atau seluruhnya tanpa izin.

0 Response to "Cara mudah membuat tabel pada HTML Postingan blogger"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel