Spoiler di blog seperti di KASKUS
Monday, 22 September 2014
Berikut adalah Cara Membuat Spoiler Pada Postingan Blog :
1. Login ke akun blog kalian.
2. Lalu kalian Buat Entri Baru.
3. Kemudian kalian pilih mode HTML.
4. Dan masukan kode dibawah ini .
5. Jika ingin melihat hasilnya silahkan ubah kembali menjadi mode Compose dan hasilnya akan terlihat.
6. Jika kalian sudah yakin dengan hasilnya silahkan klik Publikasikan
Note: ganti kata yang berwarna merah dengan kata yang anda inginkan.
1. Login ke akun blog kalian.
2. Lalu kalian Buat Entri Baru.
3. Kemudian kalian pilih mode HTML.
4. Dan masukan kode dibawah ini .
Ini Kodenya:
<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 sob..!!
<br>
</div>
</div>
</div>
<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 sob..!!
<br>
</div>
</div>
</div>
5. Jika ingin melihat hasilnya silahkan ubah kembali menjadi mode Compose dan hasilnya akan terlihat.
6. Jika kalian sudah yakin dengan hasilnya silahkan klik Publikasikan
Note: ganti kata yang berwarna merah dengan kata yang anda inginkan.