Cara Gres Memasang Komentar Disqus Permanen Di Blogspot
| Pada kesempatan kali ini saya akan membuatkan tutorial Cara Memasang Sistem Komentar Disqus Secara Permanen Di Blogspot, pada khususnya cara memasang discus ini di template viomagz. Karena pada dikala ini saya memakai template viomagz.
Namun jangan hawatir meski Cara Memasang Komentar Disqus Permanen Di template viomagz ini sama saja di jikalau teman memakai template lain.
Sistem komentar disqus pada dikala ini semakin terkenal di kalangan para blogger, baik itu blogger lokal mau pun internasioanl.
Tidak sanggup dipungkiri memang sistem komentar disqus ini diminati banyak blogger sebab sangat banyak kelebihannya dari pada sistem komentar bawaan blogger.
Selain sebagai sistemen komentar di blogspot, disqus juga sanggup dipasang diberbagai flatform lainnya, ibarat wordpress, weebly, Drupal dan lain sebagainya.
Ditambah lagi kini disqus mempunyai fitur emogi, jadi menambah semakin menarik untuk memasang komentar secara permanan di blog.
Apa bedanay Pasang Disqus Biasa dengan Memasang Disqus Permanen?
Nah, sebelum masuk ke tutorial cara memasang komentar disqus secara permanen ada baiknya teman mengetahui perbeedaan Pasang Disqus Biasa dengan Memasang Disqus Permanen.
Cara pasang disqus biasa itu teman hanya menginstall script disqus dibagian tataletak blogspot saja..
Artinya...
teman tidak menghapus sistem komentar bawaan blogspot...
jikalau suatu ketika ingin kembali lagi ke sistem bawaan blogspot teman tinggal copot saja script disqus lewat tata letak.
tidak perlu otak-atik arahan html pada blog lagi,,
bedanya dengan memasang disqus secara permanen di blog, jikalau yang biasa atau yang sementara script disqus hanya di letakan di tata letak blog saja,,,
sedangkan memasang disqus permanen teman harus menyimpan script disqus di dalam HTML blog sobat...
Artinya...
teman harus sedikit membongkar html blog teman dan menghapus sistem komentar bawaan blog kemudian diganti dengan sistem komentar disqus.
Nah, saya rasa hingga disini teman sudah paham apa bedanya Pasang Disqus Biasa/Sementara dengan Memasang Disqus Permanen.
Jika sudah paham,,,
Sekarang kita eksklusif ke tutorial Cara Baru Memasang Komentar Disqus Permanen Di Blogspot
Syarat Sebelum Memasang Komentar Disqus di Blog:
- Sobar harus sudah mempunyai akun disqus dan menciptakan shortname disqus
- Sobat harus memakai flatform blogspot, Karena tutorial ini khusus untuk blogspot
Jika teman sudah mempunyai akun disqus, kini eksklusif saja ke tahap pemasangan komentar disqus di blog.
Tahap Pertama, Menghapus Seluruh Mark Up Komentar Bawaan Blogger
Sobat Buka blogger- Template- HTML.
1. Temukan CSS Komentar Bawaan Blogger
Kemudian cari CSS komentar ibarat
#comments/.comments/comments gunakan shortcut CTRL+F biar lebih gampang untuk menemukannya.
Jika sudah ketemu silahkan hapus semuanya.
2. Temukan HTML Komentar Bawaan Blogger
<b:includable id='comment-form'
Gunakan shortcut CTRL+F supaya lebih gampang menemukannya..
Jika sudah ketemu, teman klik di nomornya sehingga menciut ibarat gambari dibawah.
kemudian teman hapus arahan yang dibelakangnya, dan berikan garis miring disetiap ujungnya lihat gambar.
Hingga akibatnya akan menjadi ibarat gambar dibawah ini:
Lakukan langkah yang sama pada arahan yang saya tandai dibawah ini:
Hingga akibatnya ibarat gambar dibawah ini:
Sampai disini semua mark up arahan komentar bawaan blogger sudah berhasil dihapus, kini masuk ke tahap pemasangan sistem komentar gres disqus. caranya sebagai berikut:
Tahap Kedua, Memasang Komentar Baru Disqus
Masih di Blogger- Template- HTML
1. Cari arahan dibawah ini:
<b:includable id='comments' var='post'>
Jika sudah ketemu teman ciutkan lagi.
2. Ganti semua arahan diatas dengan arahan dibawah ini:
<b:includable id='comments' var='post'> <div class='comments' id='comments'> <script type='text/javascript'> var disqus_shortname = "USERNAME DISQUS"; 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); })(); var disqus_shortname = 'USERNAME DISQUS'; (function () { var s = document.createElement('script'); s.async = true; s.type = 'text/javascript'; s.src = '//' + disqus_shortname + '.disqus.com/count.js'; (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s); }()); </script> </div> </b:includable>
Ganti User Name yang saya tandai dengan user name disqus teman masing-masing, biar komentar disqus muncul.
Sampai disini teman sudah berhasil mengganti komentar blogger dengan komentar disqus..
Khusus untuk Pengguna Template Viomagz v3
Bagi teman yang memakai template viomagz, ada satu langkah lagi yang harus teman lakukan
1. Cari arahan berikut:
<b:include data='post' name='relatedpost'/>
2. Letakan Kode dibawah ini sempurna dibawah arahan diatas
<!-- Comments --> <b:include cond="data:blog.pageType in {"static_page","item"}" data="post" name="comments"></b:include>
Sehingga akibatnya menjadi ibarat gambar dibawah ini:
Gunanya ialah untuk memanggil komentar disqus yang tadi gres saja dipasang.
Jangan lupa save dan lihat hasilnya.
Sampai disini teman sudah berhasil memasang Komentar Disqus Permanen Di Blogspot, kini jikalau ada yang berkomentar di blog sobat, maka akan masuk ke akun disqus sobat.
Demikian sob Cara Baru Memasang Komentar Disqus Permanen Di Blogspot yang sanggup saya berikan, semoga bermanfaat.
Jika masih ada yang galau silahkan tanyakan dikolom komentar ya.. Sumber https://www.katamastah.com/