MEMBUAT SPOILER DI BLOG

salam blogger kepada rakan semua. Spoiler adalah salah satu lagi tutorial untuk menjimatkan lagi ruang-ruang di blog kita. Kalau kita pandang dari sudut blogger (sambil tersenyum...) kegunaan spoiler ini sesuai untuk gambar, link dan apa sahaja yang kita ingin sembunyikan sebelum menekan button "show". Caranya amat mudah dan senang di fahami. cuma ikuti langkah-langkah di bawah;

• login ke blog anda
• pilih "design" dan klik add a gadget.
• klik HTML/JavaScript 
• Dan masukkan javascrip di bawah di dalamnya.

<div><div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"></span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }" type="button" /> </div> <div class="alt2" style="border: 0px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> Letakkan apa yang anda mahu disini. Mudah kan!!!!! </div></div></div></div>

• Dan akhir sekali klik save.  

Dan hasilnya macam ni;

Letakkan apa yang anda mahu disini. Mudah kan!!!!!