Skip to main content
BISSKEY

follow us

Cara Simpel Memasang Related Post di Blog AMP - Style 2

Jika yang sebelumnya Related Postnya menggunakan CSS sekarang saya akan berbagi lagi bagaimana cara memasang Related post tanpa menggunakan CSS jadi caranya lebih simpel untuk memasangnya.

Karena pemasangannya simpel jadi walaupun sobat masih pemula saya yakin pasti bisa memasangnya.

Related Post ini saya ambil dari Template Infinite AMP buatan teh arlina design, jadi untuk melihat demonya sobat bisa lihat pada template infiniteamp.blogspot.com.

Oke .... langsung saja ini cara memasangnya !

Cari kode seperti berikut

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
Taruh disini kodenya
</div>

Sobat juga bisa memasangnya dibawah postingan

Dan simpan kode dibawah ini pada tulisan yang sudah ditandai

<b:if cond='data:blog.pageType == "item"'>
<div class='nonamar'>
<h4 class='sharetitle'>Recommended</h4>
</div>
<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=www.czrandy.net&color=222'>
</amp-iframe>
</div>

Ganti www.czrandy.net dengan url blog sobat, dengan begini artikel terkait akan muncul pada blog sobat.

Semoga bermanfaat !

You Might Also Like:

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