Ruang Blogger: Membuat Spoiller (2)

Ada satu lagi cara untuk membuat Spoiller (show/Hide). Ikuti Langkah-langkah berikut ini :

LANGKAH 1

Login ke Blogger Account Anda, pilih "Layout/Tata Letak" --> edit HTML --> jangan lupa centang "Expand Template Widget"
Copy Code Script Berikut ini :
Cari ]]></b:skin>, copy script dibawah ini dan letakkan sebelum ]]></b:skin>

.commenthidden {display:none;}

.commentshown {display:inline;}

Kemudian cari ]]></b:skin> dan masukkan kode berikut diantara ]]></b:skin> dan </head>

<script type='text/Javascript'>function togglecomments (postid) {var whichpost = document.getElementById(postid);if (whichpost.className=="commentshown") {whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }} </script>

Kemudian Save Template....

LANGKAH 2

Pilih "Layout/Tata Letak" --> pilih "Add a Gadget", pilihlah "HTML/JavaScript",
Kemudian copy Script dibawah ini :

<a aiotitle="click to expand" href="javascript:togglecomments('Nama_Spoiler')"><img src="http://i831.photobucket.com/albums/zz233/qcux80/Logo%20Tukar%20Link/button1.gif" /></a><div class="commenthidden" id="Nama_Spoiler"><br />Ganti Dengan yang Mau di Show/Hide</div><br />
<br />
<div style="text-align: center;"><br />
<span style=" ;font-family:Verdana,Arial,Helvetica,Georgia;font-size:10px;color:red;"><br />
<a href="http://andresahan.blogspot.com/2010/04/membuat-spoiller-2.html">widget by</a> <a href="http://andresahan.blogspot.com/2010/04/membuat-spoiller-2.html">Ruang Blogger</a></span></div>