cara pasang spoiler pada blog

Tweet

sorry kemaren cara pasang spoiler ane hilang,,,, jadi ane posting lagi dengan yang baru,,,
lansung aja ea gan,,,, cekidot
1. Menu Dashboard, klik Tata Letak, klik Tambah Gadget, HTML/Javascript.
2. masukkan kode berikut ini:

<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;">

KONTEN KALIAN DISINI

</div></div></div></div></div>

3. Klik Simpan.

Keterangan :
1. kode yang berwarna merah (style italic/miring) harus sama. kode ini sebagai judul tombol. kalian bisa mengganti judulnya.
2. kode yang berwarna merah (tanpa style italic/miring) adalah kode untuk judul tombol. kalian bisa menggantinya.
3. kode yang berwarna hijau adalah kode untuk mengganti warna. kalian bisa menggantinya.
4. kode yang berwarna biru adalah isi konten di dalam spoiler, kalian bisa menngantinya sesuai kebutuhan kalian.


gampang kan sobat?hehe..selamat mencoba kawan..hehe..

preview spoiler :



 


semoga berhasil