Siapa sih blogger yang ngga kenal sama om Andy Suryadi, ia adalah seorang blogger suskes yang sudah aktif sejak tahun 2013.Om Andy mengelola blog bernama KOMPI AJAIB dengan nama domain kompiajaib.com, selain mengelola blog KOMPI AJAIB, om Andy juga menjual template blogger yang tentunya SEO, fast loading, responsive, dan juga ada yang AMP HTML.
Namun, kali ini saya tidak akan membahas karya template dari om Andy, tetapi saya akan membahas cara membuat related post responsive yang om Andy pakai pada blog KOMPI AJAIB yang tentunya valid AMP. Langsung saja simak tutorial di bawah!
Cara Membuat Related Post Valid AMP
1. Buka dashboard blogger kamu.
2. Pilih menu Tema > Edit HTML.
3. Kemudian, pilih tempat dimana kamu ingin memasang related post.
4. Lalu, silakan kamu tempel kode di bawah, tepat di tempat yang sudah kamu tentukan.
4. Lalu, silakan kamu tempel kode di bawah, tepat di tempat yang sudah kamu tentukan.
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.labels'>
<b:loop index='x' values='data:post.labels' var='label'>
<b:if cond='data:x==0'>
<amp-iframe expr:src='"https://cdn.staticaly.com/gh/KompiAjaib/kompi-html/master/related-amp-ka3.html?fontSize=16px&color=333&url=" + data:blog.homepageUrl + "&label=" + data:label.name' frameborder='0' height='484' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-modals allow-popups'>
</amp-iframe>
</b:if>
</b:loop>
</b:if>
</b:if>5. Simpan tema.
Mudah sekalikan cara membuat related post ala Kompi Ajaib, namun, jika ada masalah ataupun masih bingung kamu bisa komen maupun menghubungi saya melalui halaman Contact.
