Tikus part II: MEMBUAT SPOILER PADA BLOG

bagi para newbie yang mempunyai masalahah dalam memperindah blognya, mungkin dapat mencoba menggunakan sebuah spoiler agar dapat mempersingkat tulisan di blog.

Mungkin sebagian dari kita sudah mengetahui apa itu spoiler,?????

spoiler adalah cara untuk menyembunyikan beberapa tulisan atau gambar pada suatu postingan agar dapat menghemat space halaman. Spoiler sendiri sudah sering di gunakan pada web-web terkenal.

Bagi para bloger yang ingin menggunakan spoiler dalam blognya dapat mengikuti langkah-langkah berikut

1. Pertama-tama saat kita akan mempostingkan tulisan kita pilih mode HTML

2. Lalu Masukkan script di bawah

<div id="spoiler">
<div><input type="button" value="Buka" style="margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }">
</div>
<div style="background: #ffffff; margin: 10px auto;
border: 0px solid #000;
padding: 5px;">
<div style="display: none;">ganti dengan tulisan atau gambar yang ingin di sembunyikan
</div>
</div>
</div>

3. Jika gambar yang ingin dispoiler, ganti tulisan merah

Seperti script di bawah ini

<img src="http://lokasi-gambar-berada.jpg" height="ukuran tinggi" width="ukuran lebar gambar" alt="penjelasan gambar" />

4. selesai dan tinggal publikasikan