Ane ingin berbagi info tentang penggunaan spoiler. Spoiler digunakan untuk menyembunyikan postingan agar tidak terlihat secara langsung, namun masih tetap dapat dibuka dan dilihat. Bukan untuk menghiden post, melainkan agar tersembunyi aja. Hal ini dilakukan agar meringankan saat membuka sebuah halaman blog atau website. Selain itu juga dapat digunakan untuk merapikan sebuah postingan sehingga postingan nampak tersusun rapi dan sistematis.
Ini contoh spoiler yang ane maksut gan
Contoh
Baiklah, langsung aja saya kasih scrip spoilernya
<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
isi spoiler
</div></div></div></div>
=======================================================
Catatan :
Ganti tulisan Judul (warna merah) pada script sesuai dengan tulisan yang agan inginkan
Juga Isi spoiler (warna biru) sesuai isi dari apa yang ingin agan postingkan.
terima kasih atas informasi yang bermanfaat ini, hampir satu jam saya ada disini maklum disini banyak info yang menarik, nanti bila ada waktu saya akan kembali mengunjungi blog anda lagi :D
BalasHapus#Semoga Sehat Selalu :)