Cara Memasang Komentar Disqus Valid Html5 Di Blogger Dengan Benar

Cara Membuat Komentar Disqus di Blogger jadi Valid HTML5

Halo sobat blogger,apakah kalian sudah tahu dengan sebuah sistem komentar yang cukup terkenal ketika ini? Ya benar,Komentar Disqus !! . Banyak situs web terkenal ketika ini yang sudah menggunakan komentar Disqus ini,mulai dari situs berita,penyedia jasa hingga blog-blog yang menunjukkan tutorial ihwal blogger juga sudah memakainya.

Baca Juga : Cara Menulis Artikel SEO Friendly dengan Praktis untuk Pemula

Tampilan yang keren dan fitur-fitur yang canggih yaitu alasan kenapa banyak webmaster dan blogger yang menggunakannya,khususnya para pengguna platform blogger yang merasa situs mereka mempunyai tampilan kolom komentar terlalu sederhana niscaya akan menentukan menggunakan sistem komentar Disqus ini.

Apakah anda tertarik untuk memasangnya di blog anda? hening saja kali ini saya akan menunjukkan tutorial biar anda bisa memasang komentar Disqus yang valid HTML5 dengan benar. Berikut ini caranya :

Cara Memasang Komentar Disqus Valid HTML 5 di Blogger

Berikut ini tutorial untuk membantu anda memasang komentar Disqus,pastikan anda mengikuti langkah-langkahnya dengan benar biar bisa berhasil menerapkannya. Apabila ada langkah-langkah yang terlewat atau salah maka ada kemungkinan justru mengakibatkan error di template anda. Kaprikornus perhatikan langkah memasang komentar Disqus di blogger ini biar Valid HTML5.

1. Mendaftar/Membuat akun Disqus

Untuk bisa memasang komentar Disqus di blog atau situs blog tentunya anda harus mempunyai akun disqus terlebih dahulu,berikut ini cara membuat/mendaftar akun Disqus :

Buka Disqus.com
Lalu Pilih Get Started

Disini anda bisa menentukan menciptakan akun secara manual dengan email atau pribadi masuk menggunakan Facebook,Twitter atau Google Plus .

Disini anda menentukan akan memasang komentar Disqus di blog atau hanya menciptakan akun untuk bisa berkomentar,karena kita akan memasang disqus di blogger maka klik yang I Want Install Disqus On My Site

Nah disini anda haru mengisi nama situs anda di bawahnya biasanya ada nama-situs-anda.disqus.com ,nah nama yanga ada sebelum .disqus.com tersebut yaitu shortname dari akun disqus anda ,lalu pilih kategori yang sesuai dengan topik/pembahasan di artikel-artikel blog anda,jangan lupa klik language dan ganti sesuai bahasa yang anda gunakan.

Bila semua form sudah terisi anda klik Create Site,anda akan di bawa masuk ke dahsboard Disqus. Anda tidak perlu melaksanakan apa-apa.. alasannya yaitu kita akan menggunakan script khusus biar komentar Disqus bisa terpasang dengan benar dan Valid HTML5,cukup anda ingat-ingat shortname akun Disqus anda.

Baca Juga

2. Memasang Komentar Disqus Valid HTML di Blogger.com

Buka Blogger.com
Sign in dengan akun anda
Masuk ke Dahsboard Blogger
Pilih sajian Tema
Klik Edit HTML
Cari salah satu aba-aba berikut :

1. name='comment_picker'
2. commentPicker

Lalu tempelkan script berikut dibawah aba-aba tadi

<b:if cond='data:view.isSingleItem'>
<div id='disqus_thread'/>
<script>
var disqus_shortname = 'dirga-id-1';
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/>";
//<![CDATA[
(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);
})();
//]]> </script>
</b:if>

Ganti dirga-id-1 dengan shortname akun disqus anda
Berikut ini teladan pemasangannya :

Bila sudah terpasang,anda klik Simpan Tema

Sampai disini anda sudah berhasil memasang komentar Disqus di blogger,sekarang anda perlu untuk menyembunyikan/menghapus komentar bawaan dari blogger. Anda bisa membaca tutorialnya di bawah.

Baca Juga : Cara Redirect/Mengalihkan Halaman Error 404 ke Homepage di Blogger

3. Cara Menghapus/Menyembunyikan Komentar Default Blogger

Untuk menyembunyikan komentar bawaan blogger sangatlah mudah,anda tidak perlu melaksanakan pengeditan aba-aba apapun dari struktur template anda. Cukup melaksanakan sedikit pengaturan di dashboard blogger anda,berikut ini caranya :

Buka Blogger.com
Sign in dengan akun anda
Masuk ke Dashboard Blogger
Pilih menu Setelan
Lalu masuk ke Postingan, komentar dan mengembangkan
Klik pada Lokasi Komentar
Pilih Sembunyikan
Berikut ini misalnya :

Bila sudah anda klik Simpan Setelan

Sampai disini anda sudah akibat menyembunyikan komentar bawaan blogger yang artinya anda sudah akibat memasang komentar Disqus Valid HTML5 di blogger.

Penutup

Itulah tutotrial dari saya ihwal Cara Memasang Komentar Disqus Valid HTML5 di Blogger dengan benar,pastikan anda mengikuti langkah-langkahnya dengan benar dan juga menempatkan setiap kode/script yang saya tuliskan di atas dengan tepat. Agar tidak terjadi error yang merusak struktur template blog anda atau kemungkinan gagal memasang komentar disqus di blog anda menyerupai tidak tampil atau yang lainnya.

Baca Juga : 6 Penyebab dan Cara Mengatasi Submit Sitemap Error di Google Webmaster atau Search Console

Terimakasih sudah membaca artikel ini,selamat mencoba.
Sumber https://www.dirga.id/