√ Cara Memasang Komentar Disqus Di Blog Terbaru Valid Html5

Pada tutorial kali ini kita akan belajar Cara Memasang Komentar Disqus di Blog Blogspot/blogger Terbaru yang Valid HTML5. Sebenarnya untuk memasang komentar disqus di blogger sudah dijelaskan sangat terang di halaman panduan website disqus. namun yang perlu kau ketahui script yang diberikan oleh pihak disqus tidak valid HTML5. dan setiap barisnya mengandung css style dari komentar disqus.

Begitu juga dengan artikel-artikel yang saya temukan dari teman-teman blogger lainya yang masih memakai cara usang untuk memasang komentar disqus di blog. Tidak salah memakai komentar disqus yang tidak balid HTML5 namun tentu akan menciptakan loading blog semakin lamabat, dan google tidak suka dengan hal tersebut.

Baca Juga: Cara Mempercepat Loading Blog

Nah supaya fitur komentar disqus tidak menciptakan loading blog menjadi lambat kita harus memodifikasi arahan yang diberikan dengan sedemikian rupa hingga benar-benar valid HTM5.

Cara Daftarkan Blog di Disqus Terbaru

Jika kau berminat untuk mengubah konetar blogger dengan komentar disqus yang valid HTML5. silahkan ikuti panduan cara memasang komentar disqus di blog dibawah ini.

1. Silahkan daftarkan diri kau dan blog kau di situs disqus https://disqus.com/profile/signup/ bila kau sudah final mendaftar dan login, lanjut klik icon grigi/setting yang berada dibagian kanan atas monitor.


2. Lalu pilih Add Disqus To Site kemudian isi semua data yang diminta sesuai dengan isu situs kamu.


3. Klik fisish registration untuk melanjutkan ketahap berikutnya.


4. Pada halaman selanjutnya klik Universal Code.


5. Kemudian cari arahan var disqus_shortname = 'usernamekamu', alasannya yakni disini kita membutuhkan usernam akun disqus kau dari arahan tersebut.


6. Simpan arahan usernam tadi di notepat. alasannya yakni akan kita butuhkan di tahap berikutnya.

Cara Memasang Komentar Disqus di Blog Terbaru Valid HTML5

Jika langkah diatas sudah kau lakukan, kini kita akan melangkah di langkah berikutnya. Yaitu menerapkan komentar disqus di blogger/blogspot. caranya: Masuk kehalaman dasboard blogger kamu » Pilih hidangan tema/template » klik tombol edit HTML.

Kemudian cari arahan ini.

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

Gunakan kombinasi tombol CTRL+F untuk mempermudah mencari arahan tersebut.

Baca Juga: 

Cara Mengubah Judul Posting Blog Menjadi H1 semoga Lebih SEO Friendly

3 Website Untuk Cek Plagiarisme Konten Blog, No 3 Terbaik Didunia!

Cara Membuat TOC (Table of Content) Sederhana di Blogger

Jika arahan diatas sudah kau temukan, pastekan arahan ini dibawahnya.

             <script type='text/j4vascript'>
                var disqus_shortname = "lapaklama";
                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/j4vascript";
                        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/j4vascript";
                    bloggerjs.async = true;
                    bloggerjs.src = "//"+disqus_shortname+".disqus.com/blogger_index.js";
                    (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(bloggerjs);
                })();
                </script>

Ganti arahan “lapaklama” dengan arahan username yang tadi kau simpan dalam notepat. arahan lapaklama tersebut berada di baris ke 2

Jangan lupa juga untuk menghapus seluruh arahan css #comments dan antek-anteknya yang berada diatas ]]></b:skin> atau </style> dan ganti dengan arahan dibawah ini.

#comments {display:none;margin:10px 15px }
.post-comment-link { visibility: hidden; }

Jika sudah, Klik Simpan Template.

Tambahan: bila kau ingin mengimport seluruh komentar blog kau kekomentar disqus dan mensingkronkanya, silahkan klik Setting(Icon Grigi) » Admin » Discussions » Blogger » kemudian klik tombol ‘Impor Comments form blogger’ dan Enable syncing pada halaman tersebut.

Nah, itulah panduan Cara Memasang Komentar Disqus di Blog Terbaru Valid HTML5, Jika kau terbantu dengan artikel ini. silahkan gabung di forum blogger lapaklama untuk saling share panduan-panduan ngeblog lainya.

Sumber aciknadzirah.blogspot.com