Membuat spoiler di komentar treaded/bertingkat Blogspot

Selamat berjumpa lagi di fayescool.blogspot.com yang pada kesempatan ini akan mencoba share Tentang "Membuat spoiler di komentar treaded/bertingkat Blogspot " diblog butut ini. Seperti apakah info tentang "Membuat spoiler di komentar treaded/bertingkat Blogspot " ini, mari kita cekidot berikut ini:

Melanjutkan postingan ane kemarin Membuat spoiler di komentar Blogspot Non Treaded. Oh iya postingan ane ini berdasarkan dari komentar salah satu sobat blogger yang bertanya sama ane. Seperti ini nih komentarnya:


Seperti ini nih kira-kira komentarnya:

mas, makasih tutornya.
tapi mau nanya ni, kalau bikin koment yang seprti ini gimana ya? yang bisa kaya spoiler begitu?

Hanya coba berbagi informasi maka ane pun langsung berbagi cara, ane experimen dulu untuk membuat kommentar blogspot yang treaded asli blogger menjadi ber sepoiler. Setelah melakukan experiment ternyata ketemu caranya, sebagai berikut gan:

Untuk template treaded/bertingkat:

Sebelum edit template selalu simpan template ditempat aman gan, dengan cara dibackup dulu templatenya di komputer yach, biar aman dan pasti lebih nyaman dan gak kewatir bila nanti terjadi kegagalan.. Oke langsung cekibrooooottt:

1. Login di blogger.com kemudian ke langsung saja edit tmplate html, centang expand widget content...

2. Cari berikut (agar mudah klik ctrl+f pada keybord, akan muncul sebuah kotak pencarian. Lalu masukkan sepenggal kodenya yang mau dicari):

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

3. setelah ketemu masukkan berikut ini diatas kode no.2 diatas:

<!-- spoiler komentar part1 -->
<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&apos;; }' style='margin: 0px; padding: 0px; width: 180px; font-size: 12px;font-weight:bold;' type='button' value='Lihat Komentar'/></div>
<div style='border: 0px inset ; margin: 0px; padding: 0px;'><div style='display: none;'>
<!-- spoiler komentar part1 end -->

4. Kemudian masukkan kode berikut di bawah kode no 2

<!-- spoiler komentar part2 -->
</div></div></div>
<!-- spoiler komentar part2 end -->

Lalu klik Save, semoga jadi ya gan...

Screencrooot:


Screencrot saat tombol di buka di buka:


Catatan:

1. kode yanng beginian <!-- spoiler komentar part1 --> hanya tambahan gan untuk agar mudah mencari kodenya kalau suatu saat mau dirubah lagi. Ane biasa menggunakan cara ini...
2. Kata Lihat Komentar yang ane cetak tebal bisa diganti sesuai keinginan misal, View Comment atau yang lain (kalau diganti keduanya diganti sama gan, agar gak berubah ubah saat tombolnya di klik nanti)

Untuk yang masih pakai template non treaded caranya sudah ane posting sebelumnya di postingan ane Membuat spoiler di komentar Blogspot Non Treaded...

Demikianlah sharing ane tentang "Membuat spoiler di komentar treaded/bertingkat Blogspot " di fayescool.blogspot.com ada salah apapun saya mohon maaf. Happy Blogging..

Posted by Fayes Cool » Rating 4.5 » at Tuesday, March 27, 2012

Postingan Terkait