Cara Memasang Komentar Disqus Di AMP HTML

Cara Memasang Komentar Disqus Di AMP HTML
Komentar didalam blogger sangat dibutuhkan untuk menampung semua tanggapan yang dilontarkan oleh pengunjung blog tersebut.Tak terkecuali sistem komentar yang digunakan oleh para blogger itu sendiri akan membuat pengunjung sedikit jengkel karena biasanya sistem komentar dengan banyak menggunakan javascript akan sulit diload dan megakibatkan pengunjung merasa lama untuk berkomentar karena sistem komentarnya lama munculnya.

Saya mempunyai solusi untuk mempercepat sistem komentar khususnya untuk pengguna amp html. Sistem komentar yang akan saya jelaskan kali ini adalah sistem komentar darii disqus. Sistem komentar disqus adalah satu-satunya sistem komentar yang sangat mendukung terhadap teknologi terbaru blogger yaitu amp html. Dengan menggunakan sistem komentar disqus kita tidak perlu lama lagi untuk menunggu komentar terload karena munculnya sangat cepat dengan menggunakan CDN atau content delivery network dari github. Untuk blogger amp html sistem komentar ini sangat cocok untuk diterapkan diblog anda karena sistem komentar ini sudah valid dengan amp html.

Untuk kode universal disqus, kira-kira seperti ini masih banyak javascript.
<code>&lt;div id=&quot;disqus_thread&quot;&gt;&lt;/div&gt; &lt;script&gt; /** * RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS. * LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/ /* var disqus_config = function () { this.page.url = PAGE_URL; // Replace PAGE_URL with your page&#039;s canonical URL variable this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page&#039;s unique identifier variable }; */ (function() { // DON&#039;T EDIT BELOW THIS LINE var d = document, s = d.createElement(&#039;script&#039;); s.src = &#039;//EXAMPLE.disqus.com/embed.js&#039;; s.setAttribute(&#039;data-timestamp&#039;, +new Date()); (d.head || d.body).appendChild(s); })(); &lt;/script&gt; &lt;noscript&gt;Please enable JavaScript to view the &lt;a href=&quot;https://disqus.com/?ref_noscript&quot;&gt;comments powered by Disqus.&lt;/a&gt;&lt;/noscript&gt;</code>


Baca Juga

Dan untuk blog amp html beda lagi sama yang diatas. Karena, kode komentar disqus untuk amp html menggunakan CDN Rawgit yaitu di osting terlebih dahulu.
Untuk langkah-langkah memasang sistem komentar disqus di blog sobat. Maka, kalian bisa ikuti langkah-langkahnya dengan mudah dibawah ini.

1. Yang pertama, ya pastilah sobat masuk dulu ke halaman blogger kesayangan sobat.
2. Untuk lagkah kedua, masuk ke menu Template > Edit HTML.
3. Pasang kode dibawah ini dan tempatkan kodenya dibawah kode atau setelah kode <b:includable id='comments' var='post'>...</b:includable>

<b:includable id='disqus-comments' var='post'>
<b:include data='post' name='pesan-komentar'/>
<div class='clear'/>
<div class='disqus-comments' id='disqus_comments'>
<amp-iframe expr:src='&quot;https://cdn.rawgit.com/saipulmuiz/Simuiz/d3522c94/Disqus-Komentar.html?shortname=simuiz&amp;fontBodyFamily=sans-serif&amp;fontLinkColor=e8554e&amp;canonicalurl=&quot; + data:blog.canonicalUrl + &quot;&amp;url=&quot; + data:blog.url + &quot;&amp;homepageurl=&quot; + data:blog.homepageUrl + &quot;&amp;canonicalhomepageurl=&quot; + data:blog.canonicalHomepageUrl' frameborder='0' height='300' layout='responsive' resizable='resizable' sandbox='allow-forms allow-scripts allow-same-origin allow-modals allow-popups' width='600'>
<div aria-label='Disqus Comments' overflow='' role='button' tabindex='0'/>
</amp-iframe>
                </div>
</b:includable>
4. Ganti tulisan yang saya warnai dengan id/username disqus anda.
5. Jika anda ingin menggunakan disqus sebagai komentar utama, maka anda bisa merubah sistem komentar defaultnya dengan cara, cari kode <b:include cond='data:blog.pageType in {&quot;item&quot;}' data='post' name='comments'/>.
6. Silahkan tambahkan atau edit teks tersebut yang saya warnai dengan teks 'disqus-comments'. Maka, secara otomatis sistem komentar di blog sobat akan merubah defaultnya menjadi komentar disqus.

NB : untuk pertanyaan lebih lanjut silahkan berkomentar atau hubungi langsung admin di halaman kontak

Demikian postingan kali ini tentang Cara Memasang Komentar Disqus Di Blog AMP HTML, semoga bisa menambah pengetahuan anda dibidang blogging. Happy Blogging!.

Anda Sedang Membaca Artikel Tentang Cara Memasang Komentar Disqus Di AMP HTML Dan Artikel Ini URL Permalinknya Adalah http://www.simuiz.com/2017/01/cara-memasang-komentar-disqus-di-amp.html, Saya Harap Artikel Ini Bisa Bermanfaat Bagi Anda Yang Membacanya.


You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser