Posted by : Unknown
Rabu, 18 September 2013
Halo Sahabat SG , Kalian mau tau cara membuat spoiler ? nih saya kasih cara cara membuat SPOILER di blog . Nih Caranya :
1.Login blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3.Pilih pada mode HTML 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 Spoiler</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;">
Letakkan teks atau kode script (gambar atau video) di sini <br>
</div>
</div>
</div>
Semua yang saya beri warna itu bisa diganti sesuka hati sobat SG
Sekian Tutorial dari saya , Terima kasih atas kunjungan nya
Keep Stay at Soft Gamerz
1.Login blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3.Pilih pada mode HTML 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 Spoiler</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;">
Letakkan teks atau kode script (gambar atau video) di sini <br>
</div>
</div>
</div>
Semua yang saya beri warna itu bisa diganti sesuka hati sobat SG
Sekian Tutorial dari saya , Terima kasih atas kunjungan nya
Keep Stay at Soft Gamerz
Judul Spoiler:
Nih Contohnya :v
Related Posts :
- Back to Home »
- Tips and Trick , Tutorial »
- Cara Membuat Spoiler Di Blog