Alternatif Lain Memasang Komentar Disqus Di Blogger
Ada banyak cara untuk mengimplementasikan instruksi sebuah widget di Blogger, salah satunya adalah cara menyimpan instruksi komentar Disqus. Jika mengikuti petunjuk dari halaman Disqus, maka instruksi komentarnya disimpan di gadget sidebar blog. Jika ingin valid HTML5, maka Anda dapat mengikuti cara memasang komentar Disqus di postingan ini.Baca juga: Kini Disqus Sudah Kembali Bisa Import Komentar Blogger
Dan kalau Anda ingin mencoba alternatif lain cara memasang komentar Disqus dan tetap valid HTML5, silahkan ikuti langkah-langkahnya di bawah ini.
Silahkan copy instruksi di bawah 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>
Dan silahkan simpan instruksi di atas yang Anda copy tadi di bawah instruksi berikut:
<b:includable id='comments' var='post'>
..............
..............
</b:includable>
Sehingga penampakannya akan menyerupai di bawah ini:
<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>
Kemudian simpan instruksi di bawah ini di atas instruksi
</body> <script type='text/javascript'>
var disqus_shortname = "kompiajaib";
!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>
Ganti instruksi
kompiajaib dengan username Disqus blog Anda.Kemudian untuk menghilangkan komentar Blogger, silahkan tambahkan instruksi
display:none pada CSS #comments menyerupai berikut: #comments{....................;display:none}
Dan terakhir, untuk menyimpan dan menampilkan komentar Disqus di halaman postingan silahkan cari instruksi di bawah ini atau yang menyerupai mirip itu:
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
Kemudian simpan instruksi di bawah ini sempurna di bawah instruksi di atas.
<b:include data='post' name='disqus-comment'/>
Sehingga penampakannya akan menyerupai di bawah ini:
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<b:include data='post' name='disqus-comment'/>
................
................
</b:includable>
Selesai, kini silahkan save edit HTML blog Anda.
Dengan cara di atas, Anda tidak perlu lagi memasang count.js dari Disqus kalau Anda ingin menampilkan jumlah komentar di halaman depan untuk setiap postingannya. Yang Anda perlukan hanyalah instruksi untuk menampilkan jumlah komentar Disqus di halaman depan.
Silahkan gunakan instruksi di bawah ini untuk menampilkan jumlah komentar Disqus;
<a expr:href='data:post.url + "#disqus_thread"' title='Comments Count'/>
Selamat mencoba. Sumber https://www.kompiajaib.com/
0 Response to "Alternatif Lain Memasang Komentar Disqus Di Blogger"
Posting Komentar