cara membuat spoiler keren di postingan

Spoiler atau tombol hide show sangat penting bagi para blogger, fungsi utama dari spoiler adalah untuk menyingkat tampilan atau obyek lain.

1. Bisa untuk mempercantik tampilan postingan

2. Memperingan loading ketika ada yang membuka postingan kita

3. Memudahkan pengunjung untuk melihat isi dari artikel kita

4. Menghemat ruang tampilan agar terlihat minimalis

menurut saya spoiler ini lumayan bagus dari pada spoiler yang lain..

Judul Spoiler:

Silahkan masukkan kode ini di HTML saat menulis postingan..

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

Browse More Articles

Tweet

Written by putra

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.