Memasang Komentar Disqus Di Blog Amp Ternyata Gampang Begini Caranya

Memasang Komentar Disqus Di Blog Amp Ternyata Gampang Begini Caranya
Memasang Komentar Disqus Di Blog Amp Ternyata Gampang Begini Caranya
Keberadaan kolom komentar bagi sebuah situs atau blog sangatlah penting alasannya yaitu dengan kolom komentar pengunjung situs sanggup memperlihatkan balasan atau pertanyaan terkait pembahasan di situs tersebut. Intinya pengunjung situs/blog sanggup berinteraksi dengan penulis dan dengan penunjung lainnya melalui kolom komentar tersebut.

Pada dasarnya Blogger juga sudah memperlihatkan akomodasi kolom komentar bawaan, namun banyak pemilik blog mengganti kolom komentar bawaan dengan yang lain menyerupai yangpaling poluler untuk ketika ini yaitu Disqus, dengan alasan dan tujuan berbeda beda.

Ada yang menyampaikan kolom komentar disqus ini bisa meningkatkan nilai SEO blog, hingga ketika ini aku masih belum tahu niscaya dan belum melaksanakan riset wacana kebenarannya tetapi yangjelas bagi aku sendiri memasang kolom komentar disqus diblog ini tujuannya semoga selaras dengan template blog ini.

Untuk memasang Kolom komentar disqus di blog AMP ternyata cukup mudah, Nah buat Agan yang mungkin tertarik memasang kolom komentar disqus di blog Agan AMP silahkan ikuti caranya dibawah ini:

  • Pertama masuklah dulu ke Blog >> template >> edit HTML
  • Pastikan sudah ada kode: <script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'/> didalam HTML, bila belum tambahkanlah arahan tersebut diatas arahan &lt;/head&gt;&lt;!--<head/>--&gt;
  • Kemudian cari arahan <b:includable id='comments' var='post'/>
  • Tambahkan arahan dibawah ini sempurna dibawah sempurna dibawah arahan <b:includable id='comments' var='post'/>

  • Kode:
    <b:includable id='disqus-comments' var='post'> <div class='disqus-comments' id='disqus_comments'> <amp-iframe expr:src='&quot;https://cdn.rawgit.com/unbloging/AMPdisqus/5a559c7d/disqus.html?shortname=https-wadalblog-blogspot-com&amp;url=&quot; + data:blog.canonicalUrl' frameborder='0' height='300' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups allow-forms' width='600'> <div aria-label='Disqus Comments' overflow='' role='button' tabindex='0'>Disqus Comments</div> </amp-iframe> </div> </b:includable> 

  • Ganti shortname https-wadalblog-blogspot-com dengan shortname disqus milik Agan sendiri
  • Terakhir jangan lupa save simpan tema dan coba lihat hasilnya

Begitulah cara memasang komentar disqus di blog AMP. Praktis sekali kan? Terimakasih dan Selamat Mencoba.


Sumber kode: Kompiajaib.com