-->

Membuat Related Posts di Amp Blogger

Tambahkan code ini dibagian bawah posting :

<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=caratemplate.blogspot.com&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>
 
 
Ganti :
caratemplate.blogspot.com : 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 


Ctt : tutorial dan code oleh kangismet. Kekurangannya adalah menggunakan script yg dipasang di hosting pihak ketiga, yg pasti mempengaruhi kecepatan loading...

Artikel terbaru :

<iframe width="500"
  height="600"
  layout="responsive"
  sandbox="allow-scripts allow-same-origin allow-popups"
  allowfullscreen
  frameborder="0"
  src='https://cdn.rawgit.com/w4hyou/host/530f7553/Info-kmu/alat/info-kmupdatepost.html?url=//caratemplate.blogspot.co.id'>
 </iframe>


Read Also:

Related Posts
Disqus Comments