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.
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
- Masuk ke dashboard blogger sobat dulu
- Masuk Tema > Edit HTML
- 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; }
- 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>
- 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'/>
- 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
Belum ada Komentar untuk "Membuat Buka Tutup Komentar Blog dengan mudah"
Posting Komentar
Jangan malu bertanya!