Cara Membuat Tabel yang Responsive pada Blog [Blogger]

Cara Membuat Tabel yang Responsive pada Blog [Blogger]

Gilailmu.com - Berbicara mengenai tabel pada blog, biasanya format teks ini banyak orang gunakan untuk menjelaskan tentang spesifikasi gadget, barang, dll.

Namun, format tabel ini tidak akan Anda temukan jika Anda membuat artikel di blog (Blogger), karena pihak blogspot sendiri memang tidak menyediakan format teks tersebut.

Oleh karena itu, jika Anda ingin membuat format teks tabel, Anda harus membuatnya secara manual dengan kode script tertentu.

Baca: Cara Membuat Subscribe Box yang Keren dan Menarik

Berhubung dengan hal tersebut, Saya akan memberitahukan kepada Anda semua mengenai pembuatan tabel yang responsive dan menarik pada Blog.

Cara Membuat Tabel yang Responsive pada Blog (Blogger)


Kode HTML tabel;
<table cellpadding="0" cellspacing="0" style="text-align: left;">
<tbody><tr>
<th>Table Header 1</th>
<th>Table Header 2</th>
<th>Table Header 3</th></tr><tr>
<td>Division 3</td></tr><tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td></tr><tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td></tr>
</tbody></table>

Menambahkan Tabel di Artikel Blog


Cara menggunakannya, copy script diatas dan pastekan pada Entri baru ==> HTML. Hasilnya seperti dibawah ini  :
Table Header 1Table Header 2Table Header 3
Division 1Division 2Division 3
Division 1Division 2Division 3
Division 1Division 2Division 3

Baca:  Cara Membuat Widget Subscribe Box Sederhana di Blogger

Penutup


Jika Anda menggunakan script tabel diatas pada artikel Anda, maka walaupun Anda membuka artikel tersebut dari laptop, smartphone/hp, tablet, dll bentuk tabel tersebut akan tetap terlihat responsive dan menarik jika dilihat.

Demikian pembahasan tentang Cara Membuat Tabel yang Responsive pada Blog [Blogger]. Semoga bermanfaat untuk Anda dan terimakasih telah berkunjung. Sampai jumpa di artikel berikutnya.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel