Makarov's Blog

Kali ini MB akan kasih tau cara buat Spoiler di Blogger, mungkin sebagian dari sobat sudah tahu apa sih spoiler itu, tapi kalau MB tidak menjelaskannya kasihan bagi yang belum tahu, Spoiler adalah tombol yang diguanakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan buka tutup. sebagai contohnnya nanti lihat di terakhir postingan. tapi sebagain orang pasti udah tau dengan spoiler . Spoiler bisa juga dibuat di blog, lebih khusus dipostingan. Biasanya digunakan untuk membuat penasaran si pembaca dengan menyembunyikan terlebih dahulu. Untuk melihatnya dengan mengklik tombol spoiler itu. Sudah mengertikan apa itu Spoiler? Ya sudah MB akan kasih tahu cara membuatnya.

1. Seperti biasa Sobat Login ke Blogger
2. Buatlah Entri baru atau Posting
3. Pilih menu HTML di sebelah Compose pada saat posting
4. Copy dan Pastekan kode di bawah ini.

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