Cara Mudah Supaya Komentar Blogger Tampil Duluan Pada 3 Sistem Komentar

Cara Mudah Supaya Komentar Blogger Tampil Duluan Pada 3 Sistem Komentar
Cara Mudah Supaya Komentar Blogger Tampil Duluan Pada 3 Sistem Komentar

Setelah kemarin saya membuat artikel tentang cara mengubah 3 komentar menjadi hanya disqus, ternyata masih ada teman-teman blogger yang ngomel ingin merubah urutan 3 sistem komentar disqus, blogger, facebook menjadi komentar blogger, disqus, lalu facebook. Meskipun sampai sekarang blog ini tetap konsisten menggunakan komentar disqus saja dengan pertimbangan; karena ada notifikasi untuk setiap balasan komentar, selain itu karena terkadang ada komentar dari pengunjung non blogger yang login melalui akun media sosial.

Kembali ke topik artikel ini. Kita tahu bahwa tutorial penggunaan 3 sistem komentar itu dari mas Adhy Suryadi admin blog www.kompiajaib.com dengan urutan komentar disqus - blogger - facebook (blogger urutan kedua). Dan jika anda ingin merubah itu supaya komentar blogger tampil duluan, coba perhatikan langkah kaki berikut ini:

1. Silahkan cari kode berikut: (kalo gak ketemu, cari dibawah bantal tuh)
.blogger-box,.facebook-box{display:none}
kemudian ubah menjadi seperti ini:
.disqus-box,.facebook-box{display:none}

2. Cari lagi dan ganti kode berikut: (gak ketemu lagi, cari dibawah kasur)
<div class='facebook-bar commentbtn' onclick='toggleVisibility(&apos;facebook-box&apos;)'>
Facebook
</div>
<div class='blogger-bar commentbtn' onclick='toggleVisibility(&apos;blogger-box&apos;)'>
Blogger
</div>
<div class='disqus-bar commentbtn btncurrent' onclick='toggleVisibility(&apos;disqus-box&apos;)'>
Disqus
</div>
dengan ini:
<div class='facebook-bar commentbtn' onclick='toggleVisibility(&apos;facebook-box&apos;)'>
Facebook
</div>
<div class='disqus-bar commentbtn' onclick='toggleVisibility(&apos;disqus-box&apos;)'>
Disqus
</div>
<div class='blogger-bar commentbtn btncurrent' onclick='toggleVisibility(&apos;blogger-box&apos;)'>
Blogger
</div>

3. Dibawahnya anda bisa menemukan kode seperti ini:
<div class='disqus-box' id='disqus-box'>
<div class='comments' id='comments'>
<b:include data='post' name='disqus-comment'/>
</div>
</div>
supaya HTMLnya lebih rapi, pindahkan kode tersebut tepat diatas kode ini:
<div class='facebook-box' id='facebook-box'>
<div class='comments-fb'>
<b:include data='post' name='fb-comments'/>
</div>
</div>

Sehingga secara keseluruhan menjadi seperti ini:
<b:includable id='comments' var='post'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='facebook-bar commentbtn' onclick='toggleVisibility(&apos;facebook-box&apos;)'>
Facebook
</div>
<div class='disqus-bar commentbtn' onclick='toggleVisibility(&apos;disqus-box&apos;)'>
Disqus
</div>
<div class='blogger-bar commentbtn btncurrent' onclick='toggleVisibility(&apos;blogger-box&apos;)'>
Blogger
</div>
<div class='comment-text'>
Pilih Sistem Komentar
</div>
<div class='clear'>
</div>
<div class='blogger-box' id='blogger-box'>
<div class='comments' id='comments2'>
.................
.................
.................
.................
.................
<div class='disqus-box' id='disqus-box'>
<div class='comments' id='comments'>
<b:include data='post' name='disqus-comment'/>
</div>
</div>
<div class='facebook-box' id='facebook-box'>
<div class='comments-fb'>
<b:include data='post' name='fb-comments'/>
</div>
</div>
</b:if>
</b:includable>

Mudah bukan? selamat mencoba...
Artikel Terkait

Catatan:

File yang kami bagikan kami simpan di google drive, jika file format word dan excel dialihkan ke aplikasi google doc maka unduh / save as dulu ya. Namun jika kesulitan, silahkan baca cara downloadnya