Membuat Related Post Valid Amp

Membuat Related Post Valid AMP - Setah kemarin Saya posting Membuat Sitemap Untuk Blog AMP pada Halaman Static. Pada kesempatan kali ini Saya akan coba membagikan artikel cara Membuat Related Post Valid AMP.

Walaupun sudah banyak yang share cara ini, tapi tidak ada salahnya jikalau aku share ulang disini yah sob. Untuk related post ini sudah Valid AMP jadi kondusif buat penguna Template Blogger AMP.

Untuk cara pemasangan related post ini juga sangatlah mudah, jikalau Anda ingin memasang related post di blog AMP Anda, mari ikuti langkah langkahnya dibawah ini.

1. 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}

2. Silahkan simpan isyarat berikut, di bab bawah area 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/WebsiteMini/html/39110edf/relatedpostamp.html?url=https://www.websitemini.net&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>