Related Posts for Blogger with AMPHTML

Advertisemen

Postingan ini terinspirasi oleh Kang +Adhy Suryadi  yang telah membuat Random Posts Untuk Blog AMP HTML dengan FreeWind. Kalau postingan Kang Adhy ke akan menampilkan postingan secara acak, saya lebih tertarik membuat Artikel Terkait.

Kekurangan related post ini masih menggunakan script dari luar yaitu feed.mikle.com. Sehingga apabila server error otomatis related post ini akan mengalami error. Mudah-mudahan aja servernya handal ya sob...

• Demo

<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'>
 <amp-iframe expr:src='&quot;https://cdn.rawgit.com/kangismet/bloggeramp/master/related-posts-ka.html?url=blog.kangismet.net&amp;colortitle=004182&amp;colordesc=333333&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>
   </b:if>
 </b:loop>
<div class='clear'/>
</b:if>
</b:if>

Opsi

blog.kangismet.net : ganti dengan url blog sobat
colortitle : warna teks judul, isi dengan kode warna hex tanpa #
colordesc : warna teks deskripsi, isi dengan kode warna hex tanpa #
back : warna background, isi dengan kode warna hex tanpa #
item : pilihan title_only atau both
style : pilihan text atau thumbnail

Semoga bermanfaat

Advertisemen