- Home »
- Memasang Spoiler pada BLOG
Unknown
On Minggu, 01 Maret 2015
Cara Memasang Spoiler pada Blog :
1. Login ke Blogger
2. Pilih New Post atau Entri Baru (seperti membuat postingan biasa)
3. Pilih "HTML" (sebelah nya "Compose") saat membuat postingan
4. Gunakan kode script berikut ini untuk membuat spoiler:
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoilernya</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Tempat teks atau kode script (gambar atau video) <br>
</div>
</div>
</div>
5. Untuk mengganti Judul ganti bagian yang berwarna Kuning
2. Pilih New Post atau Entri Baru (seperti membuat postingan biasa)
3. Pilih "HTML" (sebelah nya "Compose") saat membuat postingan
4. Gunakan kode script berikut ini untuk membuat spoiler:
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoilernya</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Tempat teks atau kode script (gambar atau video) <br>
</div>
</div>
</div>
5. Untuk mengganti Judul ganti bagian yang berwarna Kuning
6. Untuk mengganti Buka / Tutup ganti bagian yang berwarna Merah,,
7. Selesai, Klik Publish.
7. Selesai, Klik Publish.