Cara Memasang Komentar Disqus Pada Blog SeoFriendly Valid HTML5

Tutorial Cara Memasang Komentar Disqus Pada Blog SeoFriendly Valid HTML5 - Update tutorial blogger nih, admin mau share tutorial mengganti komentar blog dengan menggunakan komentar disqus yang sekarang sudah sangat terkenl. Banyak blog mastah yang sudah menggunakan komentar disqus seperti KangIsmet, ArlinaDesign, dan masih banyak lagi. Apa yang membuat mastah mengganti komentar blogger menggunakan komentar disqus ? mungkin karena fitur yang diberikan oleh disqus sendiri. Penasaran seperti apakah komentar disqus ?

Disqus adalah platform komunitas jaringan yang digunakan oleh ratusan ribu situs di seluruh web. Dengan Disqus, website Anda keuntungan komentar sistem kaya fitur lengkap dengan integrasi sosial jaringan, administrasi dan moderasi maju pilihan, dan fungsi masyarakat lainnya yang luas. Yang paling penting, dengan memanfaatkan Disqus, Anda terus-menerus memasukkan ke jaringan komunitas web-lebar kami, menghubungkan jutaan pengguna global untuk blog atau media besar kecil hub Anda.

Itu adalah sedikit deskripsi dari website resmi milik disqus, yang bisa admin jelaskan adalah bagaimana agar pemasangan disqus komentar ini bisa seo friendly dan dapat valid html5. Untuk membuat suatu objek menjadi valid html5 tidaklah mudah bagi para pemula, maka dari itu admin akan menjelaskan pemasangannya secara detail.

Tutorial Pemasangan

Pertama agan masuk ke blogger, template, dan edit html. Sebelumnya agan harus sudah mendaftarkan blog agan pada website disqus klik disini. Selanjutnya agan copypaste script dibawah ini tepat diatas kode </body>

<script type='text/javascript'>
    var disqus_shortname = &#39;USERNAME_DISQUS_BLOG_AGAN&#39;;
    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;;
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script type='text/javascript'>
        (function() {
            var bloggerjs = document.createElement(&#39;script&#39;);
            bloggerjs.type = &#39;text/javascript&#39;;
            bloggerjs.async = true;
            bloggerjs.src = &#39;//&#39;+disqus_shortname+&#39;.disqus.com/blogger_item.js&#39;;
            (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
        })();
     </script>
</b:if>
    <script type='text/javascript'>
        (function() {
            var bloggerjs = document.createElement(&#39;script&#39;);
            bloggerjs.type = &#39;text/javascript&#39;;
            bloggerjs.async = true;
            bloggerjs.src = &#39;//&#39;+disqus_shortname+&#39;.disqus.com/blogger_index.js&#39;;
            (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
        })();
    </script>

Kedua agan harus membuat komentar blog tidak muncul ketika komentar disqus akan muncul. Hal ini agar tidak ada double comment. Cari kode #comments dan tambahkan display: none; nantinya akan menjadi seperti dibawah ini.

#comments {
  display: none;
  kode: kode;
  kodex: kodex;
  kodexx: kodexx;
}

Hiraukan kode, kodex, dan kodexx itu hanyalah perumpamaan kode css lainnya yang ada pada css comments. Selesai tinggal agan save dan lihat hasilnya. Jika agan merasa ada masalah dalam pemasangan komentar disqus agan bisa tanyakan pada admin melalui kolom komentar. Terimakasih

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest

Biqi

Saya tinggal di Cirebon dan besar di kota udang ini. Tertarik dengan dunia blog tidak membuat saya lupa dengan pendidikan dan agama. Kunci utama saya adalah percaya bahwa apapun yang terjadi, usaha dan doa itu nomor satu.

Artikel Terkait