Menggunakan Spoiler di Blog

Langkag membuat spoiler di blog :


1. 1. Log in ke blogger
2. 2. Klik "Rancangan"
3. 3. Pilih Tambah Gadget kemudian pilih HTML/Java script
4. 4. Lalu copy dan pastekan HTML di bawah ini :

<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont">
<input style="margin: 0px; padding: 0px; width: 95px; " value="Tampilkan" 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'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">
Silahkan ini disini dengan text, gambar, video atau apa saja..
</div></div></div></div>

Penggunaan tombol spoiler dalam posting :
1. Pada menu Posting

2. Pilih Entri Baru

3. Perlu diingat saat penulisan code script kita harus berapa di "Edit HTML" bukan di "Compose"

4. Kemudian Pastekan code spoiler


5. Contohnya akan seperti ini :

<div><div style="margin: 5px;"> <div style="margin-bottom: 2px;" class="bigfont"> <input style="margin: 0px; padding: 0px; width: 95px; " value="Tampilkan" 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'; }" type="button"/> </div> <div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2"> <div style="display: none;"> Silahkan ini disini dengan text, gambar, video atau apa saja.. </div></div></div></div>

Rubah di bagian warna merah dengan gambar, video, script, dll.

SELAMAT MENCOBA

***************************

Komentar Lewat Facebook

Ingin Artikel wiro-com di kirim ke Email Anda. Masukkan Email Anda Disini:

Delivered by wiro-com