BloggerTutorial

Cara Memasang Komentar Disqus Valid HTML5

Komentar Disqus Valid HTML5 – Halo Indonesian Blogger, 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. Trik ini saya dapatkan dari kang Adhy kompi ajaib, Baiklah langsung saja ke pembahasan awal.

Baca : Efek Buruk Penggunaan Banyak Widget Di Blog

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 jadi tidak perlu saya jelaskan disini secara rinci.

Memasang Komentar Disqus Valid HTML5

  1. Langkah Pertama silahkan anda mendaftar disqus di websitenya
  2. Setelah itu silahkan anda mengisi kolom kolom yang tersedia , saya yakin anda sudah paham.
  3. Jika Proses mendaftar sudah selesai tahap selanjutnya adalah menambahkan disqus ke web. Click profile>install on site
  4. Setelah proses selesai, maka akan muncul Universal Code lalu copy usernamenya misalkan var disqus_shortname = idblognet . Disini kita hanya butuh usernamenya saja.
  5. Selanjutnya silahkan anda masuk ke Blogger lalu masuk ke Edit HTML lalu copy semua script dibawah ini
<script type=’text/javascript’>
var disqus_shortname = "idblognetquot;;
var disqus_blogger_current_url = "<data:blog.canonicalUrl/>";
if (!disqus_blogger_current_url.length) {
disqus_blogger_current_url = "<data:blog.url/>";
}
var disqus_blogger_homepage_url = "<data:blog.homepageUrl/>";
var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";
(function() {
var bloggerjs = document.createElement("script");
bloggerjs.type = "text/javascript";
bloggerjs.async = true;
bloggerjs.src = "//"+disqus_shortname+".disqus.com/blogger_item.js";
(document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(bloggerjs);
})();
(function() {
var bloggerjs = document.createElement("script");
bloggerjs.type = "text/javascript";
bloggerjs.async = true;
bloggerjs.src = "//"+disqus_shortname+".disqus.com/blogger_index.js";
(document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(bloggerjs);
})();
</script>

Letakkan file diatas tepat dibawah kode seperti ini

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

Berikutnya cari pada template Anda code seperti dibawah ini

]]> atau

Jika sudah ketemu, tambahkan css dibawah ini tepat diatas code tersebut.

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

Langkah terakhir masuk ke Blogger>Setelan>Pos dan Komentar>pilih 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.

Baca juga : Cara Memunculkan Komentar Disqus Di AMP For WP

Itu dia cara mudah untuk memasang komentar disqus valid HTML5, Sangat simple sebenarnya jadi do this now. Oke Mungkin hanya itu yang dapat saya bagikan kurang dan lebihnya saya mohon maaf jika ada kritik dan saran silahkan berkomentar pada kolom yang tersedia.

Tags

Abdul Muhajir

I am a Blogger and Internet Marketer who wants to learn, grow and share some knowledge and my experience about Blogging and Internet Marketing to help other Creative Individuals find their passion and share it to the world.
Close

Adblock Detected

Please consider supporting us by disabling your ad blocker