Spoiler di blog seperti di KASKUS

Advertisement
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 .

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>

Letakkan teks atau kode script (gambar atau video) di sini sob..!!




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.
Ads