Cara memasang related post valid AMP

Kali ini saya akan menyajikan cara membuat Related Post Valid AMP. Silahkan disimak dibawah ini yang saya ambil dari berbagai sumber

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

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.

Buka Komentar