show hide comment on blogger


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
Cara Membuat Tombol Spoiler pada Komentar BlogCara Membuat Tombol Spoiler pada Komentar Blog - Salam hangat sobat blogger. Kali ini admin hadir lagi untuk memberikan Tutorial blog Cara Membuat Tombol Spoiler pada Komentar Blog yang tentunya sudah tidak asing lagi bagi sobat blogger. Spoiler pada kotak komentar menurut saya sangat berguna untuk menyembunyikan kotak komentar agar tidak memanjang kebawah dan juga untuk mengurangi loading blog. Bagi sobat blogger yang belum tahu caranya dan berminat untuk menerapkannya pada kotak komentar blog silahkan ikuti langkah-langkahnya.

Cara Membuat Tombol Spoiler pada Komentar Blog
  • login ke blogger
  • pilih menu template lalu edit html
  • cari kode seperti 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>
  • kemudian, copas kode dibawah ini diatas kode tersebut
<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;Tutup&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;Buka Komentar&apos;; }' style='margin: 0px; padding: 0px; width: 200px; font-size: 15px;font-weight:bold;' type='button' value='Buka Komentar'/></div>
<div style='border: 0px inset ; margin: 0px; padding: 0px;'><div style='display: none;'>
  • letakkaan kode </div></div></div> dibawah kode yang berwarna biru. Seperti 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>

 </div></div></div>
  • save template

Sekian tutorial blog yang bisa saya berikan kali ini, Wassalam.

0 komentar:

No Spam
And
Live Link