Cara Membuat Tombol Spoiler Buka Tutup Pada Kotak Komentar Blogger

Cara Membuat Tombol Spoiler (Buka/Tutup) Pada Kotak Komentar Blogger - Kali ini saya akan membahas bagaimana Cara Membuat Tombol Spoiler (Buka/Tutup) Pada Kotak Komentar Blogger. Buat anda yang mempunyai blog dan memiliki komentar banyak pada artikel anda, tidak ada salahnya untuk menambahkan tombol spoiler (Tombol Buka/tutup) pada kotak komentar blog anda. 

Berikut Cara Membuat Tombol Spoiler (Buka/Tutup) Pada Kotak Komentar Blogger :

1. Login ke Blogger
2. Pilih menu Rancangan => Edit HTML => Centang "Expand Template Widget"
3. Cari Kode ini <dl id=comments-block> atau <dl expr:class=data:post.avatarIndentClass id=comments-block> (Tekan CTRL+F untuk mempermudah pencarian kodenya)
4. Copy kode dibawah ini tepat diatas kode <dl id=comments-block> atau <dl expr:class=data:post.avatarIndentClass id=comments-block>

<center>
<div id="spoiler"><div><input
style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;"
onclick="if
(this.parentNode.parentNode.getElementsByTagName(div)[show].style.display
!= ) {
this.parentNode.parentNode.getElementsByTagName(div)[show].style.display
= ;
this.parentNode.parentNode.getElementsByTagName(div)[hide].style.display
= none; this.innerText = ; this.value = Tutup; } else {
this.parentNode.parentNode.getElementsByTagName(div)[show].style.display
= none;
this.parentNode.parentNode.getElementsByTagName(div)[hide].style.display
= ; this.innerText = ; this.value = Klik untuk melihat Komentar; }" name="button" type="button" value="Buka"
/></div><div id="show" style="border: 1px solid white;
display: none; margin: 5px; padding: 2px; width: 98%;"><p
style="text-align: justify;">

5. Cari kode </dl> 

6. Copy kode dibawah ini tepat dibawah kode </dl>

</p></div><div id="hide"></div></div></div>
</center>

7.  Simpan Template

 

{ Read More }