Seperti yang sudah kita ketahui bersama memasang komentar di blogger ada banyak cara dan metode supaya dapat memudahkan pengunjung berinteraksi dengan pemilik blog. Salah satu platform komentar yang sekarang ini banyak di gunakan yaitu penggunaan komentar Disqus pada blog.
Postingan kali ini akan membahas Alternatif lain memasang komentar Disqus blogger tanpa harus mengintal widget dari Disqus, biasanya kalau mengikuti petunjuk pemasangan melalui Disqus yaitu meletakkannya pada sidebar, lalu bagaimana kalau kita ingin memasangnya pada body atau di bawah postingan, di postingan kali ini akan dibahas Cara Memasang Komentar Disqus Di Blogger Valid HTML5 dan ini yaitu lanjutan dari postingan sebelumnya.
Baca Juga : Membuat Tool Parse Text Style di Komentar Disqus
Buat teman yang mau mencoba Alternatif Lain Memasang Komentar Disqus Di Blogger silahkan simak berikut ini.
Langkah Pertama
Silahkan teman salin isyarat dibawah ini
<b:includable id='disqus-comment' var='post'> <script type='text/javascript'> 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/>"; </script> </b:includable>Kemudian isyarat diatas letakkan di antara isyarat berikut
<b:includable id='comments' var='post'> .............. .............. </b:includable>Kaprikornus nantinya menyerupai ini penampakannya
<b:includable id='comments' var='post'> .............. .............. </b:includable> <b:includable id='disqus-comment' var='post'> <script type='text/javascript'> 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/>"; </script> </b:includable>Langkah Ke Dua
Silahkan Sobat salin isyarat dibawah ini dan simpan diatas isyarat </body>
<script type='text/javascript'> var disqus_shortname = "dibalikseo"; !function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//"+disqus_shortname+".disqus.com/blogger_index.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}(); </script> <b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> !function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//"+disqus_shortname+".disqus.com/blogger_item.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}(); </script> </b:if> Perhatikan isyarat yang ditandai dibalikseo silahkan teman ganti dengan user Disqus blog sobat, kalau ingin tidak mau menampilkan komentar blog teman dapat lakukan dengan cara menambahkan isyarat display:none di isyarat CSS #comments kalau kurang paham tampilannya menyerupai dibawah ini
#comments{....................;display:none} Langkah Ke Tiga
Untuk nantinya menampikan dan menyimpan komentar Disqus di halaman postingan blog cari isyarat dibawah ini
<b:includable id='comments' var='post'> <div class='comments' id='comments'> Setelah ketemu silahkan teman salin isyarat dibawah ini dan letakkan sempurna dibawah isyarat yang tadi dicari
<b:include data='post' name='disqus-comment'/>Yang nantinya akan jadi menyerupai penampakan ini
<b:includable id='comments' var='post'> <div class='comments' id='comments'> <b:include data='post' name='disqus-comment'/> ................ ................ </b:includable> Dengan teman menggunakan cara diatas teman tidak usah lagi memasang count.js yang dari Disqus, dan gosip perhiasan kalau teman mau menampilkan berapa banyak jumlah komentar disqus yang akan ditampilkan di halaman depan silahkan tambahkan isyarat berikut ini
<a expr:href='data:post.url + "#disqus_thread"' title='Comments Count'/>Selesai silahkan di save, selamat mencoba.
Comments