Cara Membuat Related Post pada Blog Amp/Blogger Amp

Related Post atau juga bisa disebut artikel terkait berfungsi untuk mempermudah para visitor untuk mendapatkan artikel yang di inginkan. Lalu bagaimana Membuat Related Post Pada Blog Amp tersebut pada blog amp yang kita punya sekarang ini. pada dasar Blogger Amp tidak dapat meng-eksekusi file Js atau Javascript pada blog amp kalian tersbut dan memang itu sudah kebijakan AMP (Accelerated Mobile Pages).

Berikut  Cara Membuat Related Post pada Blog Amp/Blogger Amp :

Bahan - Bahan

Ambil Disini

1. Buka Blogger
2. Buat Blog Baru
3. Lalu Masukan Template Coding Responsive Related Post
4. Jika sudah maka kita masuk pada blogger amp utama kalian.
5. Lalu Pilih Menu Edit HTML 
6. Masukan script dibawah ini pada tag <data:post.body/>  :
   

   
   <amp-iframe src='https://kokdinging.blogspot.com/?labels=<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop>&num=4&url=https://URL-BLOGKALIAN.blogspot.com/&pos=<data:post.url.canonical/>' frameborder='0' height='400' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-popups'></amp-iframe>
   

Setelah itu jangan lupa masukan JS valid dibawah ini dari AMP tersebut :

<script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'/>

Lalu Klik Save Changes

Pastikan Membuat Related Post pada Blog Amp sudah benar mengikuti cara diatas. Jika kalian kurang mengerti kalian bisa tanyakan langsung pada FB fanspage [Coding Responsive].

Related Posts