Tutorial Memasang Related Post Valid AMP HTML

Memasang Related Post Valid AMP HTML, masih berkaitan dengan AMP, kali ini saya akan membagikan sebuah widget yang cukup penting.

Yups... Related Post valid AMP. Pasti udah tahukan apa yang dimaksud dengan related post atau dalam bahasa Indonesia artikel terkait.

Kita ketahui bahwa untuk pengguna template AMP tidak dianjurkan menggunakan javascript selain javascript yang direkomndasikan oleh ampproject.org karena akan mengalami error validasi AMP.

Maka dari itu, kali ini saya akan membagikan related post pengguna template AMP.

DEMO

<amp-iframe expr:src='&quot;https://cdn.rawgit.com/feryferlangga/feryamp/0403807b/relatedffery.html?label=&quot; + data:label.name + &quot;&amp;url=&quot; + data:blog.homepageUrl' frameborder='0' height='410' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' width='650'>
<div aria-label='Related Posts' overflow='' role='button' tabindex='0'>Related Posts</div>
</amp-iframe>

Simpan kode tersebut diatas tepat di area bawah posting atau tepatnya di atas </b:if> sebelum, </article>, seperti berikut :


Smoga bermanfaat!