Untuk menghemat ruang di Blog Kita bisa menggunakan Spoiler yang dimaksud dengan Spoiler ini adalah menyembunyikan tulisan yang terlalu panjang lalu disembunyikan, untuk menampilkan yang disembunyikan dengan cara mengklik judul spoiler, seperti pada contoh di bawah ini :
Judul
isi text spoiler
Berikut cara mebuat atau memasang Spoiler di Blog, silakan Sobat Copy aja script di bawah ini dan paste di mana sobat ingin menaruh Spoiler.
<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; font-size: 10px;" 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 text spoiler</div></div></div></div>
Ganti kata judul sesuai selera yang ingin dijadikan sebagai judul
Ganti kata isi text spoiler dengan isi yang kamu inginkan.
Semoga Bermanfaat !!!
Tidak ada komentar:
Posting Komentar