Cara Mudah Membuat Tabel untuk Postingan Valid AMP

Sebenarnya cara membuat tabel untuk postingan ini sudah di jelaskan oleh Mas Adhy di cara mudah membuat tabel untuk postingan. Disana dijelaskan tentang caranya membuat tabel tersebut valid html 5. Buat kamu yang mempunyai blog dengan template yang sudah amp tentu akan sedikit bingung. Karena di blog amp menggunakan style css custom (kalau tidak salah). :D
Tabel postingan

Untuk demonya silahkan lihat di salah satu artikel saya ini 50 OS dan aplikasi yang rentan serangan hacker

Apabila ingin membuat tabel di postingan blog amp seperti yang saya buat silahkan ikuti langkah berikut:

Langkah 1

Buat terlebih dahulu tabelnya, terserah bisa di Word atau Excel. Setelah selesai silahkan blok semua tabel yang telah di buat tadi kemudian copy

Langkah 2

Silahkan kunjungi halaman berikut http://www.tablesgenerator.com/html_tables. 

Langkah 3

Klik File, kemudian pilih Paste Table Data. Pastekan data yang telah kamu copy ke kotak yang muncul. Kemudian klik Load. Akan muncul tabel yang telah kamu paste seperti di bawah ini:

Membuat tabel

Langkah 4

Perhatikan kode di bawah tabel yang seperti ini:


</style>
<table class="tg">
...
</table>

Silahkan copy kode yang berada di bawah

</style> mulai dari <table class="tg"> hingga </table>

Kemudian pastekan di kotak postingan dengan versi html. Selesai.. sangat mudah kan?

Apabila berbeda tampilan dengan yang saya buat itu berarti ada pada css nya (karena struktur template tidak sama).

Advertisement

Load comments