Cara Menampilkan Related Post Di AMP Template Blogger

Mediababe.net – Cara Memunculkan Related Post pada amp template blog. Pada dasarnya widget related post atau widget artikel terkait adalah widget yang sangat penting untuk blog, mengapa bisa demikian? karena widget ini mampu memajukan blog yang kamu kelola. Alasannya sangat simple dengan adanya related post atau artikel terkait ini pada blog kamu, para pengunjung akan menikmati artikel yang dibaca dan mengklik artikel yang terkait pada artikel yang telah dikunjungi tersebut.

Cara Menampilkan Related Post Di AMP Template Blogger

Menampilkan widget related post di AMP template memang sangat mudah, namun widget artikel terkait ini tidak bisa kita pasangkan apabila blog kamu tidak menggunakan SSL atau https, karena AMP HTML belum mendukung widget related post untuk ssl http atau domain blog yang masih menggunakan http. Maka dari itu jika blogspot kamu belum menggunakan pengalihan https maka widget ini tidak akan muncul atau tidak akan tampil pada blogspot yang digunakan.

Hal ini juga telah saya ketahui dan dipastikan pada top level domain (TLD) widget ini tidak akan muncul karena widget ini tidak mensupport http. Maka dari itu apabila kamu ingin memasang related post di AMP template TLD domain. Maka hal yang kamu lakukan adalah memasang SSL gratis atau premium caranya sangat mudah silahkan ikuti tutorial pada link cara memasang ssl gratis di tld domain blogspot.

Setelah ssl atau pengalihan domain blog kamu sudah menjadi https maka ikuti langkah-langkah di bawah ini agar widget artikel terkait bisa tampil di blog kamu.

Cara Memasang Related Post Di AMP HTML agar tampil pada Domain TLD

Langkah pertama silahkan pilih style related post di bawah ini.

Style DroidPluss


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

Simpan kode diatas tepat di bawah kode share pada template amp blogger kamu. Jika kamu menggunakan template Kompi Design letakan kode diatas tepat diatas kode </b:if> sebelum kode <article>. Penempatan kodenya akan seperti gambar pada berikut ini.

Style Kompi Design

<amp-iframe expr:src='https://cdn.rawgit.com/KompiAjaib/amp/master/random-posts.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>

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


Gambar Gravatar
Seseorang yang malas, suka tidur molor pengen sukes

4 thoughts on “Cara Menampilkan Related Post Di AMP Template Blogger

  1. How to optimise the related post? For example I want only 3 post not 6 . How can I change it?

  2. Gan cara bikin realtedpost pada pertengahan konten gimana ?

    1. kalau amp di blogger untuk memasang related postnya masih belum ada yang support om. Soalnya belum nemu caranya.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *