Tips membuat spoiler pada blogger

Spoiler merupakan bagian dari postingan yang sengaja disembunyikan. Bagi yang sering main-main ke forum pasti sudah akrab dengan istilah ini. Sistem kerja spoiler mirip dengan "read more", bedanya kalau spoiler anda tak usah lagi menunggu halaman dimuat ulang karena sudah di loading duluan. Jadi tinggal klik maka konten tersembunyi itu akan muncul.
Berikut saya kasih tips untuk membuat spoiler pada blogger:

1. Buka menu edit template blog anda, jangan lupa mencentang juga expand widget templates
2. Cari kode berikut (ctrl + f pada firefox) ]]>
3. Masukkan kode ini tepat diatas baris ]]>
.commenthidden {display:none;}
.commentshown {display:inline;}
4. dibawah ]]> anda copykan script ini
<script type="text/Javascript"><br />function togglecomments (postid) {<br />var whichpost = document.getElementById(postid);<br />if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }<br />} </script>

5. Hasilnya kira-kira seperti gambar dibawah



6. Save template anda


Ternyata belum selesai, untuk mengaplikasikan spoiler di postingan anda, harus ditambahkan kode berikut:

<a aiotitle="click to expand" href="javascript:togglecomments('SPOILER_NAME')">Klik disini untuk buka spoiler</a><br />//<div class="commenthidden" id="SPOILER_NAME">Masukkan bagian yang ingin anda sembunyikan disini</div>

Kemudian publish dan uji spoiler anda... :D
Semoga berhasil

Sumber: lowyat