Memasang Disqus Recommendations Pada Blog AMP HTML

Memasang Rekomendasi Diskus di Blog AMPHTML – Seperti yang saya bagikan di posting sebelumnya tentang Rekomendasi Diskus, widget Rekomendasi Diskus dapat diinstal secara independen tanpa komentar Diskus.

Pada postingan sebelumnya, saya membagikan widget rekomendasi Disqus untuk blog non-AMP, dan sekarang saya melakukannya untuk blog HTML AMP.

Untuk memasang widget Disqus Recommendations di blog AMP ini, digunakan elemen amp-iframe. Jadi jika Anda ingin menggunakannya, pastikan Anda telah menginstal JS untuk amp-iframe di halaman ini.

Jika Anda ingin mengujinya, gunakan kode berikut, simpan widget di mana Anda ingin menampilkannya.

 src="https://cdn.statically.io/gh/KompiAjaib/kompi-html/master/disqus-recommendations-2.html?shortname= sihir "

 tinggi = "240"

 Format = "tinggi spesifik"

 batas bingkai = "0"

 sandbox="Izinkan Formulir Izinkan Skrip Izinkan Model Sumber yang Sama Izinkan Munculan"> 

Ganti kode yang ditandai dengan singkatan Disqus dari blog kompiajaib Anda. Sesuaikan Juga di Kompi Ajaib dengan nama blog Anda untuk judul amp-iframe.

Dan akan terlihat seperti di bawah ini dengan live demo.

Lebar widget menyesuaikan dengan lebar posisi karena peka huruf besar/kecil dengan ketinggian tetap. Untuk tampilan, ada 4 gaya layout untuk menampilkan rekomendasi Disqus, yang bisa dikonfigurasi di panel blog Disqus di bagian Rekomendasi, seperti gambar di bawah ini.

Ini bisa berguna.