Cara Membuat Related Post Valid AMP di Bawah Postingan - Dengan Membuat Related Post Di Bawah Postingan pengunjung dapat melihat dan membaca artikel yang ada pada blog kita dengan mudah, dengan itu kita perlu memasang widget
Related Post/Artikel Terkait di dalam blog kita.
Related Post ini sudah Valid AMP jadi aman buat penguna
Template Blogger AMP
Tahapan pemasangan widget ini sangatlah mudah hanya dengan mengikuti langkah langkah di bawah anda bisa memasangnya di blog anda sendiri
1. Silahkan simpan kode HTML di bawah postingan di dalam edit HTML blog anda
<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">
<div id="related-posts">
<h3>
Artikel Terkait</h3>
<amp-iframe expr:src=""https://cdn.rawgit.com/MuhAkram/Blog/master/related-post.html?url=www.kuncidunia.web.id&colortitle=000000&colordesc=000000&back=ffffff&item=both&style=thumbnail&label=" + data:label.name" frameborder="0" height="420" layout="fixed-height" sandbox="allow-scripts allow-same-origin allow-modals allow-popups"> </amp-iframe> </div>
</b:if></b:loop>
<div class="clear">
</div>
</b:if></b:if>
2. Ganti kode
www.kuncidunia.web.id dengan alamat url blog Anda.
3. Kemudian copy lalu silahkan simpan CSS di bawah ini di
style amp-custom untuk halaman postingan blog anda
#related-posts {background:#fff;font-size:16px;margin:0;padding:20px;}
#related-posts h3 {text-align:left;font-size:140%;color:#666;margin:0;padding:0}
Anda bisa menyesuaikan CSS diatas sesuai keinginan anda