Cara Pasang Related Posts Valid AMP - informasiajib

Cara Pasang Related Posts Valid AMP

Memasang related posts pada blog merupakan salah satu hal yang wajib. Selain sangat disarankan oleh google, memasang related posts juga bisa membantu meningkatkan page views sebuah blog karena pengunjung blog akan menemukan postingan menarik selain yang dibacanya sekarang.

Akan tetapi memasang related posts pada blog AMP itu berbeda dengan cara memasang related posts pada blog yang menggunakan template Non AMP. Jika dipaksakan untuk menggunakan kode dari template Non AMP maka sudah bisa dipastikan blog akan terdeteksi tidak Valid AMP dan akan terbaca error pada AMP Validator test.

Cara Pasang Related Posts Valid AMP

Saya sangat yakin, banyak sekali blogger-blogger yang sangat kebingungan perihal cara membuatnya. Akan tetapi sobat semua tidak usah risau. Saya akan memberikan tips bagaimana cara membuat dan memasang related post valid AMP di blog dengan benar. Tanpa banyak basa-basi langsung saja kalian ikuti tutorial singkat dibawah ini.

Cara Membuat Related Posts Valid AMP

  • Masuk ke Edit Tema, dan kemudian cari kode <style amp-custom='amp-custom'>
  • Pastekan kode berikut ini dibawahnya
#related-posts {background:#fff;font-size:16px;margin:0;padding:20px;}#related-posts h3 {text-align:left;font-size:140%;color:#666;margin:0;padding:0}
  • Tepat di area bawah postingan pengeditan tema, pastekan kode berikut 
<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">
<div id="related-posts">
<h3>
Artikel Terkait</h3>
<amp-iframe expr:src="&quot;https://cdn.rawgit.com/WebsiteMini/html/39110edf/relatedpostamp.html?url=https://www.informasiajib.info&amp;colortitle=000000&amp;colordesc=000000&amp;back=ffffff&amp;item=both&amp;style=thumbnail&amp;label=&quot; + data:label.name" frameborder="0" height="420" layout="fixed-height" sandbox="allow-scripts allow-same-origin allow-modals allow-popups"> </amp-iframe> </div>
</b:if></b:loop>
<div class="clear">
</div>
</b:if></b:if>
  • Ganti tulisan "www.informasiajib.info" dengan nama domain blog kalian.
  •  Terakhir simpan Tema dan lihat hasilnya.
Show Comments

0 Response to "Cara Pasang Related Posts Valid AMP"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel