Cara membuat tombol buka Tutup Komentar Blog

image_title_here
Cara membuat tombol buka Tutup Komentar Blog (Gambar: Simple Blogger Tutorial

 

Panduan cara membuat tombol buka tutup dalam komentar blogspot akan tersaji pada artikel ini. Yang telah kita ketahui bersama, bahwa kolom komentar bawaan dalam blog umumnya tidak terdapat tombol buka juga tombol tutupnya. Kalaupun terdapat, umumnya memakai template blog yg telah tersedia tombol buka tutupnya.

Ada alasan lain mengapa widget komentar dengan tombol buka dan tutup disembunyikan, untuk meringankan blog dan membuatnya terlihat lebih rapi. Jika blog dimuat dengan cepat, dapat membuat pengunjung senang dan menyukainya.
    1. Buka Blogger.
    2. Pilih menu Tema>> Edit HTML.
    3. Selanjutnya, salin dan tempel kode berikut di atas </style> atau ]]></b:skin>>. (Pilih salah satu yang cocok dengan template blog Anda

/* CSS Tombol Buka Tutup Komen */

.buka-komen,.tutup-komen{font-family:inherit;background: linear-gradient(to right, #38b3e0, #e53bb2);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:10px 5px 5px 5px;cursor:pointer;}

.buka-komen{display:block;margin-bottom:20px}

#comments-box{display:none}

    1. Cari kode  <b:include data=’post’ name=’post’/> jika tidak ketemu silahkan cari kode yang mirip dengan kode tersebut

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if>
    1. Jika sudah , pilih kode yang kedua, lalu ganti dengan kode di bawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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'>Click to Comment!</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'>Close Comment!</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>
  1. Simpan Tema.
Itu tadi Cara Membuat Tombol Buka Tutup Komentar Blog terima kasih atas kunjungannya
 
simplebloggertutorial
© Copyright 2024, All Rights Reserved