Membuat Random Post pada AMP HTML Blogger Template

Masih seputar AMP HTML, kali ini saya akan berbagi cara membuat Random Post pada AMP HTML Blogger Template. Bukan Related Post ya.. untuk Related Post pada AMP HTML Blogger, saya sama Kang +Adhy Suryadi masih ngacak-ngacak kode semoga aja update secepatnya.

Untuk kode ini lumayan makan waktu, bahkan Kang Adhy seharian melototin layar PC sampe di atas kepalanya ada gambar bintang-bintang... hehehhe.

Sebagai mana judul, pastinya random post ini akan mengacak postingan yang ditampilkan. Di sini saya akan berbagi 2 Style :

Style DroidPluss

• Demo

<amp-iframe expr:src='&quot;https://cdn.rawgit.com/kangismet/ki-html/master/random-posts2.html?url=&quot; + data:blog.homepageUrl' frameborder='0' height='320' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' width='600'>
<div aria-label='Related Posts' overflow='' role='button' tabindex='0'>Related Posts</div>
</amp-iframe>

Simpan kode tadi di mana saja, di area bawah postingan. Kalau menggunakan Kompi Design Template lebih mudah di atas </b:if> sebelum </article> penempatannya seperti gambar di bawah. (Apabila menggunakan template berbeda, sesuaikan saja)

Style Kompi Design

• Demo

<amp-iframe expr:src='&quot;https://cdn.rawgit.com/KompiAjaib/amp/master/random-posts.html?url=&quot; + data:blog.homepageUrl' frameborder='0' height='320' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' width='600'>
<div aria-label='Related Posts' overflow='' role='button' tabindex='0'>Related Posts</div>
</amp-iframe>

Penempatannya sama seperti pada Style Droid Pluss, di area Bawah postingan / disesuaikan.