BerlanggananBerlangganan Artikel Gratis Langsung Di Email Anda

Cara Memasang Komentar Disqus Valid HTML5

Cara Memasang Komentar Disqus Valid HTML5, Pada artikel sebelumnya saya sudah pernah membahas tentang Cara Memasang Komentar Disqus namun disitu masih terdapat error karena belum sepenuhnya valid HTML5. Nah kali ini saya akan berbagi sedikit tips dan triknya agar Komentar Disqus yang anda gunakan tidak begitu banyak errornya karena mengandung css/style.

Baca : Efek Menggunakan Widget Terlalu Banyak

Trik ini saya dapatkan dari kang Adhy kompi ajaib . Baiklah langsung saja ke pembahasan awal. Pertama silahkan anda buat akun disqus terlebih dahulu jika belum anda dapat mengunjungi situsnya di disqus.com lalu silahkan anda mendaftar. Cara mendaftarnya sangat gampang hanya perlu beberapa detik saja.

Cara Memasang Komentar Disqus Valid HTML5

  • Langkah Pertama silahkan anda mendaftar disqus di website resminya
  • Setelah itu silahkan anda mengisi kolom kolom yang tersedia , saya yakin anda sudah paham
  • Jika Proses mendaftar sudah selesai tahap selanjutnya adalah menambahkan disqus ke web , namun yang kita dibutuhkan hanyalah usernamen disqus nya.
  • Setelah proses selesai mengambil tampilan baru maka akan muncul Universal Code lalu copy usernamenya misalkan var disqus_shortname = idblognet . Disini kita hanya butuh usernamenya saja yaitu KrocoNet.
  • Selanjutnya silahkan anda masuk ke Blogger lalu masuk ke Edit HTML lalu copy semua script dibawah ini

<script type=’text/javascript’>
var disqus_shortname = &quot;idblognetquot;;
var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
if (!disqus_blogger_current_url.length) {
disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
}
var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
(function() {
var bloggerjs = document.createElement(&quot;script&quot;);
bloggerjs.type = &quot;text/javascript&quot;;
bloggerjs.async = true;
bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_item.js&quot;;
(document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);
})();
(function() {
var bloggerjs = document.createElement(&quot;script&quot;);
bloggerjs.type = &quot;text/javascript&quot;;
bloggerjs.async = true;
bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_index.js&quot;;
(document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);
})();
</script>

  • Selanjutnya letakkan script diatas tepat dibawah kode seperti ini

<b:includable id=’comments’ var=’post’>
<div class=’comments’ id=’comments’

  •  Jika kedua langkah diatas sudah rampung maka selanjutnya silahkan anda letakkan css berikut di atas kode ]]></b:skin> atau </style>

#comments {display:none;}
.post-comment-link { visibility: hidden; }

  • Langkah terakhir masuk ke Blogger – Setelan – Pos Dan Komentar – dan silahkan pilih ” siapa saja yang dapat berkomentar” menjadi semua orang.
Setelah mengikuti semua langkah diatas maka silahkan anda simpan semua perubahan pengaturan yang baru saja anda lakukan dan komentar disqus pun sudah dapat di gunakan pada blog anda. Mungkin hanya itu yang dapat saya bagikan kurang dan lebihnya saya mohon maaf jika ada kritik dan saran silahkan berkomentar pada kolom yang tersedia.