Ciaoo? Template blog yang sudah menggunakan Amp html tentu memiliki kelebihan akses atau loading yang lebih cepat, karena Amp html menggunakan Amp js library yang dapat mempercepat loading blog. Untuk merubah atau memodifikasi Template menjadi valid AMP memang membutuhkan waktu dan tenaga, termasuk pikiran akan sangat terkuras karena adanya perubahan pada struktur data template itu sendiri, dan masih banyak yang harus di rubah juga supaya template blog yang kita pakai valid AMP.Template Amp Gratis
Saat ini sudah tersedia template blog yang sudah valid Amp, Anda bisa mencari nya di Google, namun bagi anda yang suka atau hobi utak-atik template blog, apalagi menguasai bahasa pemograman tidak ada salahnya untuk mencoba atau memodifikasi template blog Amp sendiri, dan di bawah ini salah satu contoh dasar Amp html
<!doctype html> <html ⚡> <head> <meta charset="utf-8"> <link rel="canonical" href="hello-world.html"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript> <script async src="https://cdn.ampproject.org/v0.js"></script> </head> <body>Hello World!</body> </html>keterangan: untuk yang bertanda logo petir bisa anda gunakan atau di ganti dengan 'amp=amp' tanpa tanda petik.
Contoh di atas merupakan kerangka dasar dari amp html, so anda tinggal mengembangkan nya lagi, untuk lebih jelas nya, silahkan untuk segera merapat ke website amp project di https://www.ampproject.org/learn/about-amp/