Cara Membuat Tabel Responsive di Blogger (Blogspot)

Bisa membuat tabel resposive di blogspot sangat di anjurkan bagi kita yang sedang menggarap projek blog dengan tema atau niche daftar harga, karena dalam pembuatan artikel niche tersebut dalam setiap artikelnya pasti harus ada mencamtumkan tabel harga. Oleh karena itu cara mumbuat tabel resposive di blogspot harus sudah diketahui dan dipahami.

Cara membuat tabel responsive di blogspot tidak semudah dengan cara membuat tabel di wordpress, karena di wordpress terdapat banyak plugin yang menunjang dalam memudahkan aktivitas blogging para penggunanya seperti halnya dalam membuat tabel di wordpress tidak perluh susah pakai edit html dan CSS segala karena sudah ada bantuan plugin tersebut.

Sebenarnya meski tidak semudah wordpress dalam membuat tabel di blogspot, akan tetapi sekarang developer template blogspot baik yang premium sampai yang gratisan sekarang sudah membuatkan css tabel agar memudahkan para pengguna blogspot dalam membuat tabel tidak kerepotan untuk membuat CSS manual sendiri karena tidak semua blogger paham syntax HTML dan CSS seperti saya ini.

Template blogspot yang didalamnya sudah terdapat CSS tabel adalah template by Igniel.com (sebenarnya sih banyak template yang serupa hanya saja saya suka aja dengan template buatan igniel karena menurut saya desain dan fitur-fiturya sudah sangat lengkap dan elegan padahal kita dikasih free guys). Seperti template yang saya pakai ini adalah template buatan igniel.com, jika mau merasa bagus ingin menggunakan juga tinggal dowload aja di blog igniel.com free.

Cara Mudah Membuat Tabel Harga Responsive di Blogger (Blogspot)

Kemarin saya mencoba membuat tabel daftar harga mesin cuci di salah satu blog saya, saya masukkan daftar harga, tipe dan spesifikasnya di Excel trus saya copy paste ke postingan blog saya hasilnya bagus ketika di lihat lewat PC, tapi ketika saya lihat lewat Hp hasilnya tidak responsive ada bagian yang tidak tampak sehingga pembaca pasti tidak mendapatkan informasi yang dibutuhkan.

Akhirnya saya mencoba browsing mencari informasi mengenai cara membuat tabel responsive di blogspot. Dari pencarian tersebut saya mendapati kebanyakan temen-temen blogger membahasnya dengan cara menambahkan css manual dan hasilnya tidak sesuai dengan yang saya butuhkan karena kebanyakan hasilnya setelah saya coba itu hanya buat tabel yang panjang dan lebarnya sama sisi, jad kalau ada bagian kolom yang lebih lebar dari kolom yang lain tetep hasilnya kurang bagus di lihat user.

Akhirnya saya mendapatkan cara yang sangat mudah dalam membuat tabel responsive di blogspot cuma modal copy paste saja tanpa harus menambah atau edit CSS Style lagi di templatenya. Berikut cara mudahnya:

1. Siapkan tabel data yang mau di copy bisa dari web lain atau dari Ms excel yang sudah anda buat lalu di "Copy"

2. Langsung saja teman-teman masuk ke situs: tablesgenerator.com/html_tables Pilih File > Paste table data > lalu paste tabel yang sudah di copy tadi > pilih Load.

3. Kalau mau mengedit atau mencoba fitur-fitur yang ada silahkan saja, tapi jika sudah selesai mengedit dan medesign tabel langsung saja ikuti langkah ke- 4.

4. Setelah itu pilih Generate pada bagian bawah kiri lalu pilih Copy to clipboard pada bagian bawah kanan.

5. Masuk ke Blogger > Entri baru atau Edit Entri > Pilih postingan yang akan diisi dengan tabel > Pilih mode Html > Paste di bagian mana yang ingin anda kasih tabel pada postigan tersebut dan selesai.

Berikut ini hasilnya:

Tampilan tabel lewat PC

Tampilan tabel lewat Hp

Sekian semoga bermanfaat guys Cara Membuat Tabel Responsive di Blogger (Blogspot)

Bagikan Artikel ini