Membuat Buka Tutup Komentar Blog dengan mudah - Susah Tidur

Membuat Buka Tutup Komentar Blog dengan mudah

Membuat Buka Tutup Komentar Blog dengan mudah
Membuat Buka Tutup Komentar Blog dengan mudah - SusahTidur - Pada kesempatan kali ini saya akan membagikan sebuah tutorial tentang Cara Membuat Buka Tutup Komentar Blog dengan mudah. Tutorial ini bertujuan untuk ya menyembunyikan dan membuka komentar blog.

Dan konon katanya sih dapat mempercepat muat blog, ya menurut saya sih mungkin bisa saja karena yang di muat bagian posting dan lain-lain dulu baru setelah buka.

Tapi kenyataannya sama saja sih karena, memang sebelum di buka sudah di muat halamannya tapi entah lah, perasaan setelah saya pasang ini jadi lebih ringan aja. Bingung ya? hihi.. yaudah yuk langsung esekusi saja.

Membuat Buka Tutup Komentar Blog dengan mudah

  1. Masuk ke dashboard blogger sobat dulu
  2. Masuk Tema > Edit HTML 
  3. Masukkan CSS berikut tepat di atas ]]></b:skin>
    /* Show and Hide Comments */
    .hide-content{display:none;margin:0;padding:0;}
    a.showcontent,#comments a.hiddencontent{
      display:block;
      text-decoration:none;
      position:relative;
      color:#fff;
      font-weight:700;
      font-size:15px;
      padding:12.5px 0;
      background:teal;
      border:2px solid;
      border-radius:5px;
      text-align:center;
      margin:30px auto;
      letter-spacing:1px;
      transition:all .3s;
      }
    #comments a.hiddencontent {
      background:#fff;
      color:#acb3b8;
      transition:all .3s;
      }
    a.showcontent:hover{
      background:#fff;
      color:teal;
      }
    #comments a.hiddencontent:hover{
      background:#008080;
      color:#fff;
      }
  4. Kemudian masukkan Script di bawah ini tepat di atas </body>
    <script type='text/javascript'>
    //<![CDATA[
    // Show and Hide Comments
    function showComm(e){document.getElementById(e)&&("none"!=document.getElementById(e+"-show").style.display?(document.getElementById(e+"-show").style.display="none",document.getElementById(e).style.display="block"):(document.getElementById(e+"-show").style.display="block",document.getElementById(e).style.display="none"))};
    //]]>
    </script>
  5. Lalu cari kode  <div class='comments' id='comments'>  biasanya ada 2 kode tersebut, silahkan ganti semuanya dengan yang di bawah ini
    <a href="#" id="comments-show" class="showcontent" onclick="showComm('comments');return false;">Buka Komentar</a><div class='clear'/>
    <div class='comments hide-content' id='comments'><a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;">Tutup Komentar</a><div class='clear'/>
  6. Kemudian Save Tema

Baiklah selesai sudah tutorial Cara Membuat Buka Tutup Komentar Blog dengan mudah. Jika sobat masih bingung dalam pemasangannya silahkan bertanya di kolom komentar.

Sekian dan terimakasih telah berkunjung ke SusahTidur
"Membuat Buka Tutup Komentar Blog dengan mudah"
Tampilkan Komentar
Sembunyikan Komentar

Belum ada Komentar untuk "Membuat Buka Tutup Komentar Blog dengan mudah"

Posting Komentar

Jangan malu bertanya!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel