Cara Membuat Related Post ala Kompi Ajaib di Blog AMP

Cara Membuat Related Post ala Kompi Ajaib di Blog AMP

Cara Membuat Related Post ala Kompi Ajaib di Blog AMP – Related post ialah sebuah widget yang dibuat manual untuk menampilkan daftar beberapa artikel-artikel yang terkait dengan artikel yang sedang dibaca, biasanya disertai dengan gambar thumbnail.

Blog kompi ajaib adalah sebuah blog yang dimiliki oleh seorang blogger sukses bernama Andy Suryadi. band Andy telah lama berkelana di dunia blogging yakni mulai sejak tahun 2013 lalu.

Pada Kompiajaib.com selain menjadi penulis aktif di blog tersebut, bang Andy juga menjual berbagai template blogger premium karyanya sendiri yang tentunya SEO, responsive, fast loading dan juga terdapat yang AMP Html.

Template-template karya bang Andy Suryadi selaku pendiri Kompi ajaib tersebut telah banyak diminati dan banyak digunakan baik untuk blogger pemula maupun blogger senior sekarang ini.

Nah pada postingan kali ini saya tidak membahas artikel mengenai template karya mas Andy, tetapi kita akan membagikan bagaimana cara membuat related post responsive seperti yang dipakai pada template blog KOMPI AJAIB yang sudah AMP.

Cara Membuat Related Post di Blog Valid AMP

1. Buka dashboard blogger kamu.

2. Menu Tema > Edit HTML.

3. Kemudian pilih lokasi/tempat dimana related post akan dipasang, disarankan berada di bawah widget share artikel.

4. Salin dan tempelkan kode berikut dibawah area mana yang kamu telah kamu tentukan tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.labels'>
<b:loop index='x' values='data:post.labels' var='label'>
<b:if cond='data:x==0'>
<amp-iframe expr:src='&quot;https://cdn.staticaly.com/gh/KompiAjaib/kompi-html/master/related-amp-ka3.html?fontSize=16px&amp;color=333&amp;url=&quot; + data:blog.homepageUrl + &quot;&amp;label=&quot; + data:label.name' frameborder='0' height='484' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-modals allow-popups'>
</amp-iframe>
</b:if>
</b:loop>
</b:if>
</b:if>

5. Simpan tema dan selesai.

Itulah bagaimana cara membuat related post seperti pada blog Kompi ajaib nya bang Andy Suryadi, sangat mudah sekali bukan? Cara ini valid diterapkan pada blog yang sudah AMP. Semoga Bermanfaat.

Leave a Reply

Your email address will not be published. Required fields are marked *