Kumpulan Related Post Untuk Blog Amp Dari Para Blogger Master

Kumpulan Related Post Untuk Blog Amp Dari Para Blogger Master
Kumpulan Related Post Untuk Blog Amp Dari Para Blogger Master
Hallo Agan-agan Apa kabar? Semoga semuanya sehat selalu. Buat kalian yang sedang mengembangkan blog Amp dan sedang mencari cara untuk menciptakan Related Post untuk Blog Amp valid HTML, Kali ini aku akan membuatkan beberapa cara menciptakan related post untuk blog Amp dari beberapa master Blog.

Tentu saja ini sudah valid AMP alasannya yaitu yang membuatnya yaitu blogger blogger ternama dan goresan pena tulisannya sering menjadi ide blogger lainnya menyerupai kang Ismet, Kang Adhy Kompi ajaib, Arlina, MDC dan ManKoin

Baikklah eksklusif saja inilah beberapa versi related post dari beberapa blogger master: Silahkan simpan isyarat related post dibawah ini dibagian bawah area posting pada halaman edit HTML blog masing masing.


1. Versi Arlina Template Infinite AMP
Seperti yang dapat kita lihat bahwa blog ini memakai template Infinite Amp dari Teh Arlina, Nah buat Agan yang punya template Infinite Amp dari Teh Arlina, baik itu yang gratisan atau versi premium dan masih gundah bagaimana caranya menciptakan related post di template ini berikut penjelasannya.

Sebetulnya template Infinite AMP ini sudah memiliki Related Post bawaan kita tinggal mengganti url nya saja, namun terkadang orang masih awam dan belum tau banyak wacana script jadi masih gundah cara merubahnya, Nah berikut ini yaitu caranya:
  • Masuk ke Blogger >> Tema >> Edit HTML
  • Cari isyarat recommended dengan CTRL+F, nanti dibawahnya akan ada isyarat menyerupai ini:
    <amp-iframe frameborder='0' height='420' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' src='https://cdn.rawgit.com/Arlina-Design/redvision/7859a5d0/relatedamp.html?url=infiniteamp.blogspot.com&amp;color=222'> </amp-iframe> 
  • Ganti infiniteamp.blogspot.com dengan url Blog Agan
  • Simpan tema dan lihat hasilnya

2. Related Post Versi Kang Ismet
Nah yang ke-2 ini yaitu Related Post versi kang Ismet, Kodenya menyerupai dibawah ini:
<b:if cond='data:blog.pageType == &quot;item&quot;'> <amp-iframe expr:src='&quot;https://cdn.rawgit.com/kangismet/ki-html/master/random-posts2.html?url=&quot; + data:blog.homepageUrl' frameborder='0' height='375' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' width='600'> <div aria-label='Related Posts' overflow='' role='button' tabindex='0'>Artikel Terkait:</div> </amp-iframe> <div class='clear'> </div> </b:if>
Untuk related post versi kang Ismet ini alhasil sepeti related post Blog ini, silahkan lihat sendiri dibagian bawah blog.

3. Related Post Versi Kang Adhy kompi ajaib
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<amp-iframe expr:src='&quot;https://cdn.rawgit.com/KompiAjaib/amp/master/random-posts.html?url=&quot; + data:blog.homepageUrl' frameborder='0' height='320' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' width='600'> <div aria-label='Related Posts' overflow='' role='button' tabindex='0'>Related Posts</div> </amp-iframe><div class='clear'></div></b:if> 

4. Related Post Versi MDC

<amp-iframe expr:src='&quot;https://cdn.rawgit.com/MDCSite/mdc/master/ampready.html?label=&quot; + data:label.name + &quot;&amp;url=&quot; + data:blog.homepageUrl' frameborder='0' height='410' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' width='650'> <div aria-label='Related Posts' overflow='' role='button' tabindex='0'>Related Posts</div> </amp-iframe> 
 
5. Related Post Versi ManKoin

<div id='related-post'><h4><span>Baca Juga</span></h4>&lt;amp-iframe src=&#39;https://cdn.rawgit.com/ManKoin/Hosting/9a8fb879/relatedpostssl.html?labels=<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>&amp;num=5&amp;url=https://www.mankoin.blog&amp;pos=<data:post.url/>&#39; frameborder=&#39;0&#39; height=&#39;420&#39; layout=&#39;fixed-height&#39; sandbox=&#39;allow-scripts allow-same-origin allow-popups&#39;&gt;&lt;/amp-iframe&gt;</div> 
Ganti url: https://www.mankoin.blog dengan blog punya kita

Itulan beberapa versi cara menciptakan related post berdasarkan beberapa para hebat blog. silahkan pilih yang paling cocok untuk blog Agan. Sekian dari aku dan terimakasih sudah berkunjung.