Installing Disqus Comments Valid HTML5 Blog, seperti yang kita ketahui bahwa sekarang ini sudah banyak para Websider maupun Blogger yang menggunakan komentar Disqus di Blog mereka. Ini karena komentar Disqus sistem keamanannya tersendiri untuk serangan spam, dan juga dukungan komunitas untuk menandai tanggapan yang tidak sesuai dengan tata krama.
Komentar Disqus mendukung sebagian besar penandaan kode HTML berupa
code, pre, a, sup, strong, em, dan masih banyak lagi. Sayangnya Disqus tidak mendukung emoji, namun kita bisa mengakalinya dengan mengcopy pastekan kode Entity emoji yang sudah disediakan di Google, silahkan dicari.
Kembali pada judul artikel di atas, dimana pada kesempatan kali ini saya akan mencoba membagikan cara termudah memasang komentar di Disqus di Blog agar tidak terjadi error validasi atau kata kerennya Valid HTML5, bukan begitu!
Tutorial
Buat terlebih dahulu akun di
disqus.com, setelah sobat membuat akun kemudian klik icon gear (Setting), kemudian cari
Add Disqus to Site pada Navigasi pojok kanan atas atau langsung menuju pada Url ini
https://disqus.com/admin/create/. Selanjutnya, pada kolom silahkan lengkapi form yang ada seperti
Site Name, Choose your unique Disqus URL, dan Category. Disini sobat sudah mendapatkan Site Name yang nantinya akan dipasang pada kode yang akan saya berikan.
Saya rasa sobat sudah memdapatkan site name seperti yang saya maksudkan di atas. Selanjutnya silahkan cari code
<b:includable id='comments' var='post'>
...........................................
...........................................
...........................................
</b:includable>
Kemudian ganti dengan code berikut :
<b:includable id='comments' var='post'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='comments' id='comments'>
<script type='text/javascript'>
var disqus_shortname = "BLagioke";
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>
</div></b:if>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
</b:includable>
Keterangan : Kode
<b:if cond='data:blog.pageType != "static_page"'> sampai dengan penutup Kode
</b:if> jika komentar Disqus tidak dimunculkan pada halam statis sedangkan
BLagioke silahkan ganti dengan Site Name yang sobat telah buat tadi.
Agar kolom komentar disqus sesuai dengan tampilan Web/Blog, silahkan letakkan CSS berikut tepat di atas
]]></b:skin> atau di dalam
</style>
.comments{margin:15px 5px;padding:25px;line-height:1em;background:#fff;border:1px solid #ccc;display:none}
CSS di atas silahkan sesuai dengan tampilan Web/Blog sobat.
ADS HERE !!!