Iklan banner 728 x 90

Cara Membuat Spoiler pada Form Komentar Blogspot

Cara Membuat Spoiler pada Form Komentar Blogspot - Dengan adanya tombol spoiler atau tombol buka tutup yang ada diatas kotak / form komentar, akan membuat tampilan blog anda semakin menarik karena tampilan dari komentar dari pengunjung tidak melorot / memanjang ke bawah, jadi lebih simple dan juga tidak membuat loading blog makin berat.

Cara Membuat Spoiler pada Form Komentar Blog

Cara Membuat Spoiler / Tombol Buka Tutup Pada Komentar Blogspot :

1. Login ke Blogger
2. Pilih Template => Edit Html
3. Klik Expand Template
4. Pada keyboard, tekan  F3 dan cari kode seperti dibawah ini :

<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>

5. Selanjutnya letakkan kode berikut diatasnya

<div><div style='margin-bottom: 2px;'><i><b><small/></b></i><input onclick='if (this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display != &apos;&apos;) { this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display = &apos;&apos;; this.innerText = &apos;&apos;; this.value = &apos;Hide&apos;; } else { this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display = &apos;none&apos;; this.innerText = &apos;&apos;; this.value = &apos;Silahkan Lihat Komentar&apos;; }' style='margin: 0px; padding: 0px; width: 200px; font-size: 15px;font-weight:bold;' type='button' value='Silahkan Lihat Komentar'/></div>
<div style='border: 0px inset ; margin: 0px; padding: 0px;'><div style='display: none;'>

6. Belum selesai ya? soalnya kodenya belum ada penutupnya. Selanjutnya letakkan kode berikut dibawah kode warna merah :

</div>
</div>
</div>
 
7. Nah sekarang selesai nih, trus simpan aja template and silahkan lihat hasilnya.

Sekian dari ane, selamat mencoba memasang / membuat tombol spoiler di Komentar Blogspot, semoga bermanfaat.
 
Copyright © 2015 Ermawati - All Rights Reserved
Template By Kunci Dunia