✓ Cara membuat tombol buka tutup (Show Hide) komentar pada blog

Hello blogger Indonesia, kembali lagi dengan saya. Pada kesempatan kali saya akan membahas, cara membuat tombol buka tutup komentar pada blog.

Cara-membuat-tombol-buka-tutup-komentar

Widget komentar sangat besar manfaatnya, karena widget komentar dapat membantu kita untuk berinteraksi dengan para pengunjung. Bahkan dengan adanya widget komentar ini, dapat memudahkan pengunjung untuk bertanya secara langsung tentang artikel yang anda bahas tersebut.

Anda bisa melihat sendiri tombol komentar buka tutup ini sangat bagus bukan ? Nah bagi anda yang ingin memodifikasi komentar blog anda seperti Masyarif.xyz ini, anda bisa membuat nya sendiri. Simak dibawah ini untuk membuatnya.

Cara membuat tombol buka tutup (Show hide) komentar pada blog 


  1. Anda masuk ke blogger terlebih dahulu
  2. Setelah anda masuk ke blog, lalu langkah selanjutnya anda edit template anda
  3. Setelah anda masuk ke edit html, anda cari kode dibawa ini dengan cara CTRL+F.
<b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comments'/>

4.jika anda sudah menemukan kode script diatas, maka langkah selanjutnya anda ganti kode diatas dengan kode dibawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'><style>.buka-komen,.tutup-komen{font-family:inherit;background-color:#11589D;color:#fff;font-size:16px;line-height:1.3em;padding:8px 10px;text-align:center;font-weight:700;-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>

5.Ganti kode berwarna merah, jika anda ingin mengubah warna nya dan ukuran nya.

6. Simpan dan lihat tampilan di blog anda.

Nah bagaimana mudah bukan untuk membuat nya ? Jika anda masih kebingungan, anda bisa berkomentar dibawah ini.

Penutup :

Widget komentar sangat bermanfaat untuk para pengunjung, untuk itulah anda harus mempercantik tampilan komentar anda, agar para pengunjung makin betah dengan blog anda.
Buka Komentar

0 Response to "✓ Cara membuat tombol buka tutup (Show Hide) komentar pada blog"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel