Minggu, 17 Januari 2010

Cara Membuat Spoiler di Blog

Bahasan kali ini kita akan menjelaskan bagaimana cara membuat spoiler di blog kita,bagaimana caranya ..?
Yuk kita mulai, mungkin sebagian ada yang belum mengenal apa spoiler oke kita lihat contoh di bawah ini,
Example:




    DI SINI KAMU BISA LIHAT ,SEBERAPA BANYAK ISI YANG AKAN KAMU TULIS DI SINI
Nah udah tahu kan pungsi dari spoiler gunanya untuk apa, untuk cara buatnya pertama kamu login ke akun blogger kamu pilih tata letak, elemen laman pilih tambah gadget klik HTML/Javascript, copy/paste kode berikut:

<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" 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 = 'Hidden'; }else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }"type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">
    DI SINI KAMU BISA LIHAT ,SEBERAPA BANYAK ISI YANG AKAN KAMU TULIS DI SINI</div></div></div></div></div><blink><a href=http://ozuraspoiller.blogspot.com/>BAGIMANA CARA MEMBUAT SPOILER BLOG</a></blink>

Keterangan ,
Kode warna merah atas (Hiden-Show) bisa kamu ganti Contoh Buka-Tutup atau terserah kamu,
Kode warna merah bawah bisa kamu isi apa saja ,teks,gambar atau sesuai keinginan kamu,