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

 

Share this post