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

Blog tip N trik

• Cara Memasang Rating Bintang Rich Snippets Pada Blogspot
• Trik membuat tulisan berjalan (marquee)
• CONVERT CODE HTML, JAVASCRIPT, CSS, DAN SEJENISNYA
• Cara Memasang Link Pada sebuah Gambar
• Membuat Spoiler (tombol Buka Tutup)
• Pengeditan Template Blogger Tampilan Baru Kurang Maksimal?
• Cara membuat Spoiler Di Komentar Blogspot
• Membuat spoiler di komentar Blogspot Non Treaded
• Ngerjain Autoblog Rssforward.com offpage
• Ngerjain Autoblog Yang Menforward Feed Kita
• Cara pasang Widget statistik Histats
• Review Komentar untuk Menambah Ide Postingan
• Test kecepatan web (GOOGLE PAGE SPEED ONLINE)
• Anti klik kanan mouse dan Keyboard tanpa script yang panjang
• Pasang widget follower/pengikut asli dan modifikasi sesuka hati
• Anti adblock 2.00 lindungi situs anda dari adblock
• Pasang tombol google +1 di wordpress dan blogspot
• Cara membuat link bergoyang dombret
• Membuat Sumber Otomatis bila ada yang kopas

Review Komentar

• Cara Memasang Rating Bintang Rich Snippets Pada Blogspot
• Membuat Spoiler (tombol Buka Tutup)
• Cara membuat Spoiler Di Komentar Blogspot
• Membuat spoiler di komentar Blogspot Non Treaded
• Asal Mula Kata Cekidot di Blog Fayescool
• Update Avira AntiVir Personal Offline/Manual
• Tip Meningkatkan Links In Alexa
• Review Komentar untuk Menambah Ide Postingan
• Copypas artikel ngak ke indeks google?
• Lagi dan Lagi Backlink Bermasalah