IwanBerbagi.com - Sejak saya lihat template buatan mas Adhy KompiDesign saya menjadi tertantang untuk belajar hal baru yang juga kang adhy pelajari. Jadi saya mencoba untuk meredesign dan meng AMP kan template brosense yang saya gunakan di blog baru saya sebagai tempat saya belajar AMP HTML dan juga sebagai tempat saya berbagi yang baru.

Namun ketika saya mencoba untuk mengampkan template tersebut, saya terkendala untuk mengecek validasinya, karena saya harus bolak balik melihat validasi yang salah pada web https://validator.ampproject.org yang memang sudah disediakan oleh developer AMP Project.

Karen hal tersebut merepotkan, lalu saya melihat postingan kang Adhy yang membahas tentang Chrome Extensi AMP HTML yang akan memudahkan kita dalam mencari letak kesalahan validasi amp yang kita lakukan.

Jika kamu menggunkan extensi ini maka kamu akan lebih mudah dalam mengecek error validasi yang terjadi pada template yang sedang kita validasi. Untuk kamu yang ingin mencoba extensi ini kamu bisa mendownloadnya disini.

Untuk cara penggunaanya setelah kamu install extensinya kamu bisa melihat dipojok atas kanan chrome kamu ada logo petir, dan jika ada banyak error akan terlihat seperti gambar berikut :
Mengecek Validasi AMP HTML Menggunakan Ekstensi Chrome
Jika kamu ingin mengetahui bagian errornya kamu bisa klik "Debug" yang akan mengalihkan kamu langsung ke validator website yang saya beritahukan diawal artikel tadi.
Mengecek Validasi AMP HTML Menggunakan Ekstensi Chrome
Nah, pada gambar tersebut sudah jelas, yang mendapati error adalah class img pada template. Karen seharusnya penulisannya classnya adalah menggunakan amp-img jadi tugas kamu tinggal mencoba mengikuti peraturan AMP tersebut. Jika sudah berhasil, maka hasilnya akan seperti ini :
Mengecek Validasi AMP HTML Menggunakan Ekstensi Chrome
Semakin mudah deh untuk validasi AMP HTML di blog kamu, selamat mencoba dan selamat datang kedunia AMP. Jika ada pertanyaan maupun diskusi kamu bisa komentar di kolom yah.
Share this with short URL:
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed