Menambah Show and Hide Comment Di Blogger Dengan Oneclick Event
December 16, 2021
Add Comment
Nah bagaimana caranya langsung aja berikut ini adalah tutorial nya berikut ini.
Show and Hide Comments Blogger dengan Onclick Event
1. Buka Blogger > Tema > Edi HTML > Kemudian cari markup komentar seperti ini :
<div class='comments' id='comments'>
Catatan : Biasanya terdapat dua markup seperti di atas
Ganti (kedua) kode di atas dengan kode di bawah ini :
<a href="#" id="comments-show" class="showcontent" onclick="showComm('comments');return false;">Show comments</a>
<div class='clear'/>
<div class='comments hide-content' id='comments'>
<a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;">Hide comments</a>
<div class='clear'/>
2. Tambahkan kode di bawah ini sebelum ]]></b:skin> atau </style>
/* 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:#5593f0;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:#5593f0;}
#comments a.hiddencontent:hover{background:#acb3b8;color:#fff;}
3. Tambahkan kode di bawah ini sebelum </body>
<script>
//<![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>
4. Terakhir, simpan template.
Demikian tutorial sederhana tentang cara Menambahkan Show and Hide Comments Blogger dengan Onclick Event. Jika ada kesulitan silakan tanyakan lewat kolom komentar, terima kasih.
DONASI VIA PAYPAL
Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain www.sudarblogger.web.id. Terima kasih.
0 Response to "Menambah Show and Hide Comment Di Blogger Dengan Oneclick Event"
Post a Comment