Related post valid AMP

Kali ini saya akan menyajikan cara membuat Related Post Valid AMP yang sudah dibuat oleh para master di dunia per-bloggeran (ini bahasa apa yah..hehehe 😝) lanjut lagi..silahkan disimak dibawah ini yang saya ambil dari berbagai sumber yang tentunya sudah jago caranya utak-atik script (kalau saya cuma jago cari wanita cantik kali yah..hehehe 😵)

Simpan kode tersebut diatas tepat di area bawah posting atau tepatnya di atas </b:if> sebelum, </article>,

1. Related Post ala Kang Ismet

<amp-iframe expr:src='&quot;https://cdn.rawgit.com/kangismet/ki-html/master/random-posts2.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>

2. Related Post ala Kompi ajaib ( Kang Adhy )

<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>

3. Related Post ala mas Ferry

<amp-iframe expr:src='&quot;https://cdn.rawgit.com/feryferlangga/feryamp/0403807b/relatedffery.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>

4. Related Post ala Mang Koin

<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>

5. Related Post ala Mediababe

<amp-iframe expr:src='https://cdn.rawgit.com/mediababenet/mediababe/master/related-post.html?url=https://www.NAMABLOGANDA' 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>

6. Related Post ala MDC Site

<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>

Nah segitu dulu tutorial membuat Related Post valid AMP.
Selamat mencoba...👌

Baca Juga

Josie

Cuma seorang blogger yang jarang ngeblog

Share :

Related Posts