Breaking News
Loading...
February 20, 2013

Cara Membuat Tombol Spoiler di Komentar Blog

6:20 PM

Cara Membuat Tombol Spoiler di Komentar Blog
Cara Membuat Tombol Spoiler di Komentar Blog - Tombol Spoiler atau disebut juga dengan tombol buka tutup sering dijumpai di blog, hal ini dimaksudkan supaya komentar dari komentator tidak memanjang ke bawah. Memang lebih bagus dan lebih rapi kalau para komentator blog disembunyikan dengan spoiler, disamping itu juga pengaruhnya pada loading blog. Yuk simak bagaimana cara membuat spoiler / buka tutup pada Komentar Blog.

Cara Membuat Spoiler di Komentar Blog

Cara Membuat Tombol Buka Tutup / Spoiler di Komentar Blog :
1. Login ke blogger.com
2. Pilih Tata Letak => Edit Html
3. Centang Expand Template Widget
4. Tekan  F3 dan cari kode seperti di bawah 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 dibawah ini sebelum kode diatas

<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;Lihat Komentar Disini&apos;; }' style='margin: 0px; padding: 0px; width: 200px; font-size: 15px;font-weight:bold;' type='button' value='Lihat Komentar Disini'/></div>
<div style='border: 0px inset ; margin: 0px; padding: 0px;'><div style='display: none;'>

5. Lalu letakkan kode dibawah ini setelah kode yang saya beri warna merah

</div></div></div>

6. Sehingga penerapannya seperti ini :

<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;Lihat Komentar Disini&apos;; }' style='margin: 0px; padding: 0px; width: 200px; font-size: 15px;font-weight:bold;' type='button' value='Lihat Komentar Disini'/></div>
<div style='border: 0px inset ; margin: 0px; padding: 0px;'><div style='display: none;'>

<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>

7. Simpan Template

Nah selamat mencoba untuk Membuat Spoiler / Buka Tutup di Komentar Blogspot, semoga bermanfaat.

Cara Membuat Tombol Spoiler di Komentar Blog
Share:

0 comments:

Post a Comment

 
Toggle Footer