Cara Memasang Komentar Disqus Valid HTML5 Di Blog

Cara Memasang Komentar Disqus Valid Html5 Di Blog - Sebenarnya sudah banyak yang share tentang cara memasang komentar disqus di blog. tapi apakah anda tau kalo komentar disqus yang di pasang itu ternyata tidak valid html5 dan tentu saja ketika di cek akan terdapat error di validasi.

Dan itu akan membuat loading blog anda menjadi agak berat, Karna css yang seharusnya di pasang di edit html. Tapi kali ini saya akan menjelaskan agar komentar disqus yang anda pasang itu valid html5. Jika anda ingin mencobanya, mari kita intip caranya di bawah ini. Saya anggap anda sudah mempunyai akun disqus, jika belum silahkan buat dulu.

Setelah selesai membuat akun disqus, silahkan anda login di akun disqus anda. Setelah berhasil login klik ikongear (roda gerigi) di sebelah kanan atas. Terus klik seting kemudian klik Add Disqus to Site dan silahkan isi datanya sesuai blog Anda. Setelah selesai akan muncul tampilan baru dan klik Universal Code kemudian copy kode seperti ini var disqus_shortname = 'USERNAME-DISQUS-ANDA#39;; Yang kita butuhkan hanyalah Username Disqus anda.

Kemudian silahkan copy kode di bawah ini dan letakan di atas kode </body>

 <script type='text/javascript'>
var disqus_shortname = &quot; CobaNgetik&quot;;
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>


Silahkan anda ganti tulisan CobaNgetik yang saya tandai warna merah dengan dengan USERNAME-DISQUS-ANDA yang tadi anda copy. Dan jangan lupa tambahkan display:none; pada CSS #Comments agar komentar blogger tidak muncul. Kemudian save template anda. Nah sekarang komentar disqus anda sudah valid html5, Mungkin cuma itu penjelasan dari sya tentan Cara Memasang Komentar Disqus Valid Html5 Di Blog

Reaksi:
Share this with short URL:

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