Script tombol Buka Tutup kolom komentar Blogger/Disqus/Facebook

Kolom komentar sangat berguna bagi pembaca blog untuk mengajukan pertanyaan seputar topik yang sedang di baca. Dengan adanya fitur show hidden column comment pada blog akan mempercantik tampilan blog sobat. Selain mempercantik tampilan blog sobat, dapat membantu meringankan loading blog cara ini juga bisa memaksimalkan pengunjung saat membaca artikel.

Pertama, Cari dulu kode
<b:include data='post' name='comments'/>

Atau kode berikut
<b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comments'/>

Atau kode yang serupa dengannya, dicoba saja. Jika sobat telah menemukan kode tersebut hapus kode itu, lalu ganti dengan kode berikut,
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.buka-komen,.tutup-komen{font-family:inherit;background-color:#43c8ce;color:#fff;font-size:16px;line-height:1.3em;padding:8px 10px;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all 218ms;-moz-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms;-webkit-user-select:none;-moz-user-select:none;margin:20px 0 0;cursor:pointer;}
.buka-komen{display:block;margin-bottom:20px}
#comments-box{display:none}
</style>
<div aria-label='Buka Komentar' class='buka-komen' id='buka-komen' onclick='document.getElementById(&quot;comments-box&quot;).style.display=&quot;block&quot;;document.getElementById(&quot;tutup-komen&quot;).style.display=&quot;block&quot;;document.getElementById(&quot;buka-komen&quot;).style.display=&quot;none&quot;' role='button' tabindex='0'>Buka Komentar</div>
<div aria-label='Tutup Komentar' class='tutup-komen' hidden='hidden' id='tutup-komen' onclick='document.getElementById(&quot;comments-box&quot;).style.display=&quot;none&quot;;document.getElementById(&quot;tutup-komen&quot;).style.display=&quot;none&quot;;document.getElementById(&quot;buka-komen&quot;).style.display=&quot;block&quot;' role='button' tabindex='0'>Tutup Komentar</div>
</b:if>
<div id='comments-box'>
        <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comments'/>
          </div>

Bagaimana, cukup mudah bukan membuat tombol Buka Tutup pada Widget Komentar Disqus, Facebook dan Blogger. Jika suka silahkan share artikel ini, dan jangan luka like fanspage facebook dan komen dibawah.

0 Response to "Script tombol Buka Tutup kolom komentar Blogger/Disqus/Facebook"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel