Lompat ke konten Lompat ke sidebar Lompat ke footer

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 membuat Related Post untuk Blog Amp valid HTML, Kali ini saya akan berbagi beberapa cara membuat related post untuk blog Amp dari beberapa master Blog.

Tentu saja ini sudah valid AMP karena yang membuatnya adalah blogger blogger ternama dan tulisan tulisannya sering menjadi inspirasi blogger lainnya seperti kang Ismet, Kang Adhy Kompi ajaib, Arlina, MDC dan ManKoin

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


1. Versi Arlina Template Infinite AMP
Seperti yang bisa kita lihat bahwa blog ini menggunakan 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 bingung bagaimana caranya membuat related post di template ini berikut penjelasannya.

Sebetulnya template Infinite AMP ini sudah mempunyai Related Post bawaan kita tinggal mengganti url nya saja, namun terkadang orang masih awam dan belum tau banyak tentang script jadi masih bingung cara merubahnya, Nah berikut ini adalah caranya:
  • Masuk ke Blogger >> Tema >> Edit HTML
  • Cari kode recommended dengan CTRL+F, nanti dibawahnya akan ada kode seperti 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 adalah Related Post versi kang Ismet, Kodenya seperti 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 hasilnya 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 membuat related post menurut beberapa para ahli blog. silahkan pilih yang paling cocok untuk blog Agan. Sekian dari saya dan terimakasih sudah berkunjung.

Posting Komentar untuk "Kumpulan Related Post Untuk Blog AMP Dari Para Blogger Master"