Cara Membuat Spoiler Di Blog

Posted on


www.rahmat-kholis.blogspot.com – Hai,berjumpa lagi dengan sayaa.Untuk kali ini,RK akan pos Cara Membuat Spoiler Di Blog.Apa itu spoiler?Spoiler adalah tombol yang diugnakan untuk menyingkat tempat atau menyembunyikan konten (teks,foto,dan video) dengan buka tutup.
Cara Membuat Spoiler Di Blog
1.Masuk ke Blogger
2.Kemudian,pilih New Post
3..Pencet mode HTML
4.Copy paste kode berikut
<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>
*Catatan
1.Ganti kode yang berwarna merah sesuai kamu
Sekian tutorial Cara Membuat Spoiler Di Blog semoga bermanfaat.
DEMO
Judul Spoiler: Cara Membuat Widget Menu Keren Di Sidebar Blog
cara buat spoiler di blog,cara membuat spoiler diblog,spoiler kaskus di blog

Pencarian:

Leave a Reply

Your email address will not be published. Required fields are marked *