Cara Membuat Tabel yang Responsive pada Blog (Blogger)

ilustrasi tulisan cara membuat tabel pada blog

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 Terbaru 2017

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)

<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>

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

Baca :  Cara Membuat Menu Navigasi Sitemap, About, Contact, Privacy Policy, Disclaimer pada Blog 100% Mudah

 

Akhir Kata .....

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.

0 Comments


EmoticonEmoticon