Cara Membuat Related Post Valid AMP di Bawah Postingan

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 == &quot;item&quot;'> 
<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="&quot;https://cdn.rawgit.com/MuhAkram/Blog/master/related-post.html?url=www.kuncidunia.web.id&amp;colortitle=000000&amp;colordesc=000000&amp;back=ffffff&amp;item=both&amp;style=thumbnail&amp;label=&quot; + 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