Lompat ke konten Lompat ke sidebar Lompat ke footer

Aturan Mudah Page Valid AMP Yang Harus Ada DI Blogger

Beberapa aturan yang harus ada di Blogger Agar Valid AMP (Acceleration Mobile Page) dengan cara simple tanpa ribet dan yang pasti stuktur dari template blog mu juga wajib pada stuktur amp sebelum memulai aturan postingan amp
biasanya kode kode yang ada pada default blogger itu otomatis terbuat, jadi jika anda ingin menggunakan amp pastingan sebelum mempublish page harus cermati bagian yang seharusnya tidak ada komponen ini di dalamnya

Kode Yang Tidak Di Perbolehkan pada AMP

imageanchor="1" Pada A HREF
border="0" pada amp-img
tidak boleh ada "style" pada inline
Tidak boleh ada atribut clear pada <br>
Contoh code yang salah pada BR <br clear="none"/>
 

Script yang harus ada agar page valid AMP

tambahkan layout="responsive" pada <amp-img>
harus Memakai Noscript pada <img> postingan

Cara Pemasagan format html IMG pada Postingan

<noscript><img width="1080" height="610" alt='gambar' src='urlyou'/></noscript>
Note : Gambar Menggunakan HTTPS, jangan menggunakan HTTP

contoh valid AMP <img>

<amp-img>
<amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN9LcoBMmKl5ay2_C5INrhMkHA91DVdhNtRJFz61ta8mqudTm9FDZY2J-PQcrYQX445MbuPLPqICDOOnTvSEJlUjVJAZQTNO_qCJfYrDOpwblxsxFUKn5EWjyeg2ZXP8Rn3fLEVel_AT8/s640/Pos+Phoenis+OS.jpg" width="1080" height="610" layout="responsive" alt="AMP HTML" />



Cara Pemasagan format html iframe AMP pada Postingan

contoh valid <iframe> pada AMP

<amp-iframe>
<amp-iframe width="200" height="100"
    sandbox="allow-scripts allow-same-origin"
    layout="responsive"
scr="LINK"
>
</amp-iframe>