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>

 


Cara Menampilkan Related Post Di AMP Template Blogger | Admin MB | 4.5

6 responses to “Cara Menampilkan Related Post Di AMP Template Blogger”

  1. Poyraz Sahin says:

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

  2. blidee1994 says:

    can i know your blog? maybe i can help you.

  3. caraa says:

    Gan cara bikin realtedpost pada pertengahan konten gimana ?

  4. blidee1994 says:

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

  5. Krisnanda go blog says:

    Kang, SSL blog ini dapet dari mana?

  6. Admin MB says:

    saya pakai ssl cloudflare yang gratis om..

Leave a Reply

Your email address will not be published.