Jumat, 30 Desember 2011

Membuat spoiler pada Blogger

Contoh Spoier [Judul Spoiler] :



INI ADALAH ISI DARI SPOILER 
Spoiler sangat bermanfaat untuk menghemat ruang pada halaman postingan. Kita dapat mengisi spoiler dengan Text, Gambar, video dan masih banyak lagi. Sebagai contoh saya buat spoiler
diatas dengan berbagai macam isi. Cara membuatnya sangat mudah, kita hanya perlu mempaste script berikut pada halaman postingan anda.
klik Show pada spoiler untuk melihat script dibawah ini

Judul Spoiler [Judul yang miring] :

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler <em>[Judul yang miring]</em></b> : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>
Ganti Judul Spoiler dan [Judul yang miring] sesuai dengan keinginan anda. Dan ganti [ISI SPOILER] dengan isi yang anda kehendaki.
Cara yang mudah bukan :)
Selamat mencoba :)

Tidak ada komentar:

Posting Komentar

Silahkan tinggalkan komentar jika berkenan :)