For world peace, liberate Al-Aqsa, eliminate Israel and anyone who is with Israel, they are the real terrorists
Bacakan

Membuat komentar blog bisa membuka dan menutup

Bagaimana cara membuat komentar bisa membuka dan menutup ketika di klik, pelajari pada artikel ini

Hello sobat icloudZer kali ink saya akan memberikan informasi mengenai bagaimana caranya membuat komentar blog bisa membuka dan menutup atau komentar nantinya akan muncul jika kita mengklik "Tampilan komentar" dan akan hilang jika kita mengklik "Sembunyikan Komentar"

Info: Oke sobat icloudZer jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung saja kita bahas secara bersama sama

Persiapan

Sebelum memulai lebih baiknya anda siapkan cemilan dan segelas Air kopi untuk lebih rileks, sebagai keamanan lebih baik anda back up atau cadangkan dulu Template anda sebelum menerapkan Atau menambahkan kode baru didalamnya

Baiklah sekarang saatnya admin bakalan menjabarkan bagaimana caranya membuat tombol komentar bisa hide and show di blogger, simak baik baik penjabaran serta langkah langkah yang bakalan admin jelaskan di bawah ini

Cara Penerapan

  1. Login keakun blogger kamu
  2. Pergi ke Template dan Pilih edit HTML
  3. Cari kode ]]></b:skin> atau kode </style> dan letakkan kode CSS berikut tepat diatasnya
  4. /* Buka Tutup Komentar by Icloudice */
    .hide-content{ font-family: Poppins,sans-serif ;font-weight:500;display:none;margin:0;padding:0;}
    a.showcontent,#comments a.hiddencontent{font-family: Poppins,sans-serif ;display:block;text-decoration:none;position:relative;color:#fff;font-weight:500;font-size:15px;padding:12.5px 0;background:#fd0000;border:2px solid;border-radius:5px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s}
    #comments a.hiddencontent {background:#fd0000;color:#fff;transition:all .3s}
    a.showcontent:hover{background:#ff0000;color:#fff;}
    #comments a.hiddencontent:hover{background:#fd0000;color:#fff;} 
  5. Selanjutnya cari kode seperti dibawah ini
  6. <div class='comments' id='comments'>

    Biasanya terdapat 2 kode seperti itu

  7. Silahkan anda ganti kedua kode tersebut dengan kode dibawah ini
  8. <a href="#" id="comments-show" class="showcontent" onclick="showComm('comments');return false;"> Tampilkan Komentar</a>
    <div class='clear'/>
            <div class='comments hide-content' id='comments'>
    <a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;"> Sembunyikan Komentar</a>
    <div class='clear'/>
  9. Kemudian tambahkan script kode dibawah ini tepat diatas kode </body>
  10. <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>
  11. Simpan Template dan lihat hasilnya

Begitulah cara untuk membuat komentar blog anda bisa membuka dan menutup untuk memperbagus tampilan blog serta bida mempercepat loading blog anda

About the Author

Keindahanmu akan kuabadikan disetiap karyaku.

Post a Comment

Menghasilkan uang melalui survei berbayar
Best Viral Premium Blogger Templates from Icloudice


kami menawarkan berbagai template blogger dan produk istimewa untuk anda, support karya anak bangsa dengan membeli produk yang kami jual

Welcome to my store limited

  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Cookie Consent
    We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
    Oops!
    It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
    AdBlock Detected!
    We have detected that you are using adblocking plugin in your browser.
    The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
    Site is Blocked
    Sorry! This site is not available in your country.