2 min read

Cara Menampilkan Tabel Pada Blog Post

Cara Menampilkan Tabel Pada Blog Post
Photo by Waldemar Brandt / Unsplash

Menggunakan Markdown untuk Menampilkan Tabel Pada Artikel Blog.

Pada artikel saya sebelumnya yang membahas tentang statistik perkembangan blog ini di bulan pertama, saya menampilkan sebuah tabel. Tabel tersebut merupakan tabel yang berasal dari Notion. Saat ingin menampilkan data tersebut di artikel blog, saya ingin mencoba menampilkannya dalam bentuk tabel, bukan berupa screenshot gambar. Berikut salah satu cara yang dapat dilakukan:

1. Siapkan Data Dalam Bentuk CSV

Setiap tabel pada dasarnya dapat direpresentasikan dengan format CSV (comma separated values). Cara paling mudah apabila tabel ada di excel ataupun notion, export dahulu data tersebut ke format csv. Misalkan datanya seperti ini,

Month,Metric,Value,Unit,Tags
October 2021,Total Article,11,Count,Blog
October 2021,Target Article Publish,20,Count,Blog
October 2021,Target Article Achievement,55,Percentage,Blog
October 2021,Users,73,Count,Google Analytics
October 2021,New Users,67,Count,Google Analytics
October 2021,Avg. Engagement Time,131,Seconds,Google Analytics
October 2021,Total Views,387,Count,Google Analytics
October 2021,Views Per User,5.3,Count,Google Analytics
October 2021,Total Impression,129,Count,Search Console
October 2021,Total Click,24,Count,Search Console
October 2021,Avg. CTR,18.6,Percentage,Search Console
October 2021,Avg. Position,15.2,Count,Search Console
data dalam format csv

2. Cari CSV to Markdown Converter

Tahapan selanjutnya adalah merubah data csv tersebut ke format markdown. Ada banyak tools converter berbasis web yang tersedia di internet. Bisa coba googling "csv to markdown converter". Saya sendiri menggunakan converter ini.

3. Rubah Data CSV Menjadi Markdown Table

Berikut contoh perubahan format data dari csv ke markdown yang saya lakukan,

merubah tabel csv ke markdown

4. Buat Blok Markdown di Artikel

Kebetulan, saya menggunakan platform Ghost untuk membangun blog ini. Pada Ghost, terdapat blok markdown yang dapat digunakan. Seperti pada tampilan dibawah,

pilihan blok markdown pada Ghost
tempelkan disini

Tempelkan data dengan format markdownnya ke blok markdown di artikel kita. Berikut hasilnya,

Month Metric Value Unit Tags
October 2021 Total Article 11 Count Blog
October 2021 Target Article Publish 20 Count Blog
October 2021 Target Article Achievement 55 Percentage Blog
October 2021 Users 73 Count Google Analytics
October 2021 New Users 67 Count Google Analytics
October 2021 Avg. Engagement Time 131 Seconds Google Analytics
October 2021 Total Views 387 Count Google Analytics
October 2021 Views Per User 5.3 Count Google Analytics
October 2021 Total Impression 129 Count Search Console
October 2021 Total Click 24 Count Search Console
October 2021 Avg. CTR 18.6 Percentage Search Console
October 2021 Avg. Position 15.2 Count Search Console

Kesimpulan

Mayoritas platform blog dapat membaca dan menampilkan format text markdown. Tabel merupakan salah satu bentuk informasi yang dapat di format menggunakan markdown.

Comments

Sign in or become a hirzani member to join the conversation.
Just enter your email below to get a log in link.