Skip to main content

follow us


www.azid.web.id - Cara Membuat Related Post Bergerak Pada Blogger AMP dan Non AMP. Hallo sobat, lama saya tidak posting. Kali ini saya akan share membuat related post bisa bergerak. Sript ini memiliki keunggulan sobat, selain bisa dibuat sebagai related post juga bisa dibuat untuk widget recent post. Selain itu script ini sudah saya hosting dengan menggunakan github jagi sobat lebih mudah untuk menggunakannya tanpa ribet hapus sini sana.

Bagi blogger sobat yang menggunakan blog AMP jangan khawatir, karena sebagaimana yang saya utarakan tadi bahwa script tersebut sudah saya hosting ke github jadi tidak perlu lagi khawatir terdapat kendala error AMP. Cukup nantinya sobat tinggal menambahkan tag amp-iframe. Sehingga script related post ini dapat bekerja dan terpanggil dengan baik.

Untuk mempermudah penggunaannya juga. Saya sudah mensetting sedemikian rupa agar sobat tidak kebingungan jadi sudah saya siapkan scriptnya dengan iframe untuk blog Non AMP dan amp-iframe untuk blog AMP. Baik jika sobat tertarik, sobat bisa mengikuti langkah-langkah berikut ini:

Pertama, sobat masuk ke blogger dan pilih menu tema setelah itu klik edit HTML dan cari kode kurang lebih seperti ini


<b:includable id='relatedpost' var='post'>
............................
</b:includable>


Hapus kode tersebut dan ganti dengan kode dibawah ini

untuk Blog Non AMP


<b:includable id='relatedpost' var='post'>
<b:if cond='data:post.labels'>
 <b:loop index='x' values='data:post.labels' var='label'>
   <b:if cond='data:x==0'>
<iframe expr:src='&quot;https://cdn.staticaly.com/gh/Azidzainuri/kode-azid/e6f0b85a/azid.html?url=&quot; + data:blog.homepageUrl' frameborder='0' height='450' id='rp-amp' layout='fixed-height' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' width='100%'>
<div aria-label='Related Posts' overflow='' role='button' tabindex='0'>Related Posts</div>
  </iframe>
   </b:if>
 </b:loop>
</b:if>
<div class='clear'/>
</b:includable>


untuk Blog AMP


<b:includable id='relatedpost' var='post'>
<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/Azidzainuri/kode-azid/e6f0b85a/azid.html?protocol=http&amp;url=https://www.azid.web.id&amp;label=&quot; + data:label.name' frameborder='0' height='485' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-modals allow-popups'>
</amp-iframe>
   </b:if>
 </b:loop>
</b:if>
<div class='clear'/>
</b:includable>


jangan lupa untuk blog amp ganti www.azid.web.id dengan domain sobat.

jika pada template sobat tidak menjumpai script


<b:includable id='relatedpost' var='post'>
............................
</b:includable>


maka sobat bisa menambahkan kode diatas dan letakkan tepat diatas kode

<b:includable id='postQuickEdit' var='post'>

dan untuk menampilkan related postnya, sobat bisa menambahkan kode berikut tepat dibawah postingan


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='relatedpost'/>
</b:if>


Kedua, Jika sobat sudah mensetting templatenya. langkah terakhir adalah Save Template sobat. Selesai


Demikianlah artikel saya tentang Cara Membuat Related Post Bergerak Pada Blogger AMP dan Non AMP. Semoga bermanfaat. Amin
PERHATIAN!: setiap link template pada blog ini di direct 5 -7 kali jadi harap bersabar.

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar