√ Cara Terbaru Memasang Komentar Disqus Permanen di Blog Blogger 2019 - AdityaTekno

Social Items

[Update] Cara Memasang Komentar Disqus di Blog Blogger 2019
Cara Terbaru Memasang Komentar Disqus Permanen di Blog Blogger atau Blogspot - Welcome back sahabat AdityaTekno.COM, dikesempatan kali ini saya akan membagikan tutorial blog tentang cara terbaru memasang komentar disqus di blogspot secara permanen. Karena akan memasang komentar Disqus secara permanen, maka segala fitur atau semua script komentar bawaan blogger akan dihapus atau dihilangkan.

Karena bertujuan untuk membuat blog lebih cepat diakses dari sebelumnya. Kita ketahui bahwa script komentar bawaan blogger itu memakan space baris kode yang cukup banyak. Hal ini pun yang membebani loading blog, mulai dari homepage lebih-lebih di halaman post atau post page.


Saya tekankan lagi, cara kali ini memasang komentar Disqus secara permanen, jadi saya anggap anda sudah tidak tertarik lagi untuk menggunakan komentar bawaan blogger. Entah itu komentar asli dari blogspot atau komentar blogspot yang sudah di custom sedemikian rupa. Dengan kalimat lain, anda tidak akan mau kembali lagi menggunakan komentar bawaan blogger/blogspot tersebut.

Adapun cara-caranya adalah sebagai berikut:


Cara Memasang Komentar Disqus secara Permanen di Blog


Pertama, pastikan anda sudah membuat akun Disqus dan sudah mendapatkan SHORTNAME untuk komentar Disqus blog yang ingin dipasangi widget komentar Disqus.

Kedua, temukan kode seperti dibawah ini.
<b:includable id='comments' var='post'>
Lalu ciutkan kode itu, nanti akan seperti ini.
<b:includable id='comments' var='post'>…</b:includable>
Hapus seluruh kode yang tadi diciutkan tersebut, kemudian ganti dengan kode berikut ini:
<b:includable id='comments' var='post'/>
<b:includable id='DisqusComment' var='post'>
<div class='commentsDisqus' id='commentsDisqus'>
<script type='text/javascript'>
var disqus_url = disqus_blogger_current_url;
var disqus_blogger_current_url = &quot;<data:post.url.canonical.jsonEscaped/>&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>
</div>
</b:includable>

Ketiga, cari kode </article> lalu letakkan kode berikut ini di atas kode tadi.
<!-- Comments -->
<b:include cond='data:view.isPost' data='post' name='DisqusComment'/>
Jika ingin menampilkan juga komentar Disqus di halaman static, silahkan ubah kode tag conditional ini data:view.isPost dengan data:view.isSingleItem pada langkah Ketiga tersebut.

Keempat, Letakkan kode berikut ini di atas kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;
<b:if cond='data:view.isPost'><script type='text/javascript'>var disqus_shortname = &#39;brogerrr&#39;;(function() {var dsq = document.createElement(&#39;script&#39;); dsq.type = &#39;text/javascript&#39;; dsq.async = true;dsq.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/embed.js&#39;;(document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(dsq);})();</script></b:if>
Ganti shortname brogerrr pada kode tersebut dengan shortname komentar Disqus Anda.
Sebenarnya, sampai pada tahap ini, pemasangan komentar Disqus di blog sudah selesai. Selanjutnya adalah langkah penghapusan script/kode komentar Blogger yang sudah tidak dibutuhkan lagi.

Kelima, Untuk memulai langkah penghapusan kode dari komentar bawaan blogger sebelumnya, silahkan lakukan langkah-langkah berikut ini.


Untuk itu, anda perlu menciutkan seluruh widget pada Blog1. Sehingga hasilnya terlihat kurang lebih akan seperti pada gambar dibawah ini.
Memasang Komentar Disqus Permanen di Blog
BroGerrr ganti nama AdityaTekno.COM

Kode pada kolom merah di atas adalah fitur pendukung komentar bawaan blogger dan kode yang diberi tanda biru adalah kode share button bawaan blogger yang sering tidak dimanfaatkan oleh kebanyakan blogger.

Kita akan menghilangkan script yang terisi pada tiap-tiap includable yang ditandai pada gambar di atas.

Keenam, cara menghilangkannya adalah, misalnya kita akan menghapus script pada includable <b:includable id='comment-form' var='post'>

Kurang lebih kode/script di dalamnya akan seperti ini.
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
</script>
</div>
</b:includable>
Hapus kode yang diblock yang berwarna aqua di atas. Lalu pada kode yang diblock warna kuning, berikan kode / sebagai penutupnya. Sehingga hasilnya seperti ini.
<b:includable id='comment-form' var='post'/>

Ketujuh, lakukan cara yang sama pada seluruh kode yang diberi kolom pada gambar di langkah Ketiga. Sehingga hasilnya akan seperti pada gambar berikut ini.
Memasang Komentar Disqus Permanen di Blog
BroGerrr ganti nama AdityaTekno.COM

Kedelapan, simpan template, dan lihat hasilnya.

Sekian tutorial Blogger tentang cara memasang komentar disqus pada blogspot/Blogger terbaru. Selamat mencoba, dan Good luck. Sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.COM.

Cara Terbaru Memasang Komentar Disqus Permanen di Blog Blogger 2019

[Update] Cara Memasang Komentar Disqus di Blog Blogger 2019
Cara Terbaru Memasang Komentar Disqus Permanen di Blog Blogger atau Blogspot - Welcome back sahabat AdityaTekno.COM, dikesempatan kali ini saya akan membagikan tutorial blog tentang cara terbaru memasang komentar disqus di blogspot secara permanen. Karena akan memasang komentar Disqus secara permanen, maka segala fitur atau semua script komentar bawaan blogger akan dihapus atau dihilangkan.

Karena bertujuan untuk membuat blog lebih cepat diakses dari sebelumnya. Kita ketahui bahwa script komentar bawaan blogger itu memakan space baris kode yang cukup banyak. Hal ini pun yang membebani loading blog, mulai dari homepage lebih-lebih di halaman post atau post page.


Saya tekankan lagi, cara kali ini memasang komentar Disqus secara permanen, jadi saya anggap anda sudah tidak tertarik lagi untuk menggunakan komentar bawaan blogger. Entah itu komentar asli dari blogspot atau komentar blogspot yang sudah di custom sedemikian rupa. Dengan kalimat lain, anda tidak akan mau kembali lagi menggunakan komentar bawaan blogger/blogspot tersebut.

Adapun cara-caranya adalah sebagai berikut:


Cara Memasang Komentar Disqus secara Permanen di Blog


Pertama, pastikan anda sudah membuat akun Disqus dan sudah mendapatkan SHORTNAME untuk komentar Disqus blog yang ingin dipasangi widget komentar Disqus.

Kedua, temukan kode seperti dibawah ini.
<b:includable id='comments' var='post'>
Lalu ciutkan kode itu, nanti akan seperti ini.
<b:includable id='comments' var='post'>…</b:includable>
Hapus seluruh kode yang tadi diciutkan tersebut, kemudian ganti dengan kode berikut ini:
<b:includable id='comments' var='post'/>
<b:includable id='DisqusComment' var='post'>
<div class='commentsDisqus' id='commentsDisqus'>
<script type='text/javascript'>
var disqus_url = disqus_blogger_current_url;
var disqus_blogger_current_url = &quot;<data:post.url.canonical.jsonEscaped/>&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>
</div>
</b:includable>

Ketiga, cari kode </article> lalu letakkan kode berikut ini di atas kode tadi.
<!-- Comments -->
<b:include cond='data:view.isPost' data='post' name='DisqusComment'/>
Jika ingin menampilkan juga komentar Disqus di halaman static, silahkan ubah kode tag conditional ini data:view.isPost dengan data:view.isSingleItem pada langkah Ketiga tersebut.

Keempat, Letakkan kode berikut ini di atas kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;
<b:if cond='data:view.isPost'><script type='text/javascript'>var disqus_shortname = &#39;brogerrr&#39;;(function() {var dsq = document.createElement(&#39;script&#39;); dsq.type = &#39;text/javascript&#39;; dsq.async = true;dsq.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/embed.js&#39;;(document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(dsq);})();</script></b:if>
Ganti shortname brogerrr pada kode tersebut dengan shortname komentar Disqus Anda.
Sebenarnya, sampai pada tahap ini, pemasangan komentar Disqus di blog sudah selesai. Selanjutnya adalah langkah penghapusan script/kode komentar Blogger yang sudah tidak dibutuhkan lagi.

Kelima, Untuk memulai langkah penghapusan kode dari komentar bawaan blogger sebelumnya, silahkan lakukan langkah-langkah berikut ini.


Untuk itu, anda perlu menciutkan seluruh widget pada Blog1. Sehingga hasilnya terlihat kurang lebih akan seperti pada gambar dibawah ini.
Memasang Komentar Disqus Permanen di Blog
BroGerrr ganti nama AdityaTekno.COM

Kode pada kolom merah di atas adalah fitur pendukung komentar bawaan blogger dan kode yang diberi tanda biru adalah kode share button bawaan blogger yang sering tidak dimanfaatkan oleh kebanyakan blogger.

Kita akan menghilangkan script yang terisi pada tiap-tiap includable yang ditandai pada gambar di atas.

Keenam, cara menghilangkannya adalah, misalnya kita akan menghapus script pada includable <b:includable id='comment-form' var='post'>

Kurang lebih kode/script di dalamnya akan seperti ini.
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
</script>
</div>
</b:includable>
Hapus kode yang diblock yang berwarna aqua di atas. Lalu pada kode yang diblock warna kuning, berikan kode / sebagai penutupnya. Sehingga hasilnya seperti ini.
<b:includable id='comment-form' var='post'/>

Ketujuh, lakukan cara yang sama pada seluruh kode yang diberi kolom pada gambar di langkah Ketiga. Sehingga hasilnya akan seperti pada gambar berikut ini.
Memasang Komentar Disqus Permanen di Blog
BroGerrr ganti nama AdityaTekno.COM

Kedelapan, simpan template, dan lihat hasilnya.

Sekian tutorial Blogger tentang cara memasang komentar disqus pada blogspot/Blogger terbaru. Selamat mencoba, dan Good luck. Sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.COM.
Load Comments

Dapatkan Artikel Tips AdSense, Blogging, SEO setiap harinya.

Notifications

Disqus Logo