Cara Membuat Show Comment Blogger

Comment blogger merupakan salah satu cara agar pengunjung bisa mengungkapkan pertanyaan, kritikan & saran. Namun, apa jadinya jika komentar terasa lambat, nah untuk itu, agar tampilan lebih responsive dan untuk mempersempit komentar digunakanlah cara show comment.

Sebenarnaya ada banyak cara membuat show comment bloger, salah satunya menggunakan cara onclick event yang akan kita bahas pada saat ini.

Untuk mempersingkat waktu, mari simak berikut ini..

Cara Membuat Show Comment Blogger

Tahap Pertama :
1. Login ke Blogger
2. Lihat Tab Tema > Edit HTML
3. Lalu, cari kode </article> Atau </b:includable>

Jika sudah menemukan kode tersebut, Silahkan letakkan kode dibawah ini, diantara kode diatas

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/* Click to comment */
#hide{display:none}
#buka-komentar,.buka-komentar{margin:25px auto 0;display:block;overflow:hidden;padding:0;position:relative;text-align:center}
#show{margin:0 auto;width:320px;text-align:center;position:relative}
.buka_disqus{display:block;max-width:320px;color:#0b84d8;border-radius:5px;margin:0 auto;cursor:pointer;font-weight:700;text-transform:uppercase;font-size:15px;text-align:center;height:45px;line-height:45px;border:1px solid #0b84d8}
.buka_disqus:hover{background:#0b84d8;color:#fff;}
</style>
<div class='buka-komentar' id='buka-komentar'>
<div id='show'><span class='buka_disqus' href='javascript:void(0)' onclick='document.getElementById(&apos;comments&apos;).style.display=&apos;block&apos;;document.getElementById(&apos;hide&apos;).style.display=&apos;block&apos;;document.getElementById(&apos;show&apos;).style.display=&apos;none&apos;'>click to comment</span></div><div id='hide'><span class='tutup_disqus' href='javascript:void(0)' onclick='document.getElementById(&apos;comments&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show&apos;).style.display=&apos;block&apos;'/>
  <b:include data='post' name='comments'/>
</div>
</div>
</b:if>

Sehingga Menjadi Seperti ini :

</article>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/* Click to comment */
#hide{display:none}
#buka-komentar,.buka-komentar{margin:25px auto 0;display:block;overflow:hidden;padding:0;position:relative;text-align:center}
#show{margin:0 auto;width:320px;text-align:center;position:relative}
.buka_disqus{display:block;max-width:320px;color:#0b84d8;border-radius:5px;margin:0 auto;cursor:pointer;font-weight:700;text-transform:uppercase;font-size:15px;text-align:center;height:45px;line-height:45px;border:1px solid #0b84d8}
.buka_disqus:hover{background:#0b84d8;color:#fff;}
</style>
<div class='buka-komentar' id='buka-komentar'>
<div id='show'><span class='buka_disqus' href='javascript:void(0)' onclick='document.getElementById(&apos;comments&apos;).style.display=&apos;block&apos;;document.getElementById(&apos;hide&apos;).style.display=&apos;block&apos;;document.getElementById(&apos;show&apos;).style.display=&apos;none&apos;'>click to comment</span></div><div id='hide'><span class='tutup_disqus' href='javascript:void(0)' onclick='document.getElementById(&apos;comments&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show&apos;).style.display=&apos;block&apos;'/>
  <b:include data='post' name='comments'/>
</div>
</div>
</b:if>
</b:includable>

Kemudian, Simpan Template sobat.
Sekian cara membuat show comment di blogger, semoga bisa bermanfaat untuk sobat semua+_+