Banyak tolls yang digunakan untuk menghemat sebuah halaman web/blog. Mulai dari membuat fungsi scroll, dan masih banyak lagi cara lain. Dan pada tips kali ini saya akan memberikan tips untuk menghemat tampilan halaman web/blog kita yaitu dengan membaerikan tombol spoiler.
Mungkin supaya lebih jelas, seperti apa tombol spoiler itu, dapat sobat blogger lihat di bawah ini:
Judul Spoiler:
Jika sobat blogger sudah mengerti, silahkan tampilkan tombol ini di dalam postingan blog anda--Jika anda tertaarik. Tombol ini tidak hanya digunakan pada postingan blog, akan tetapi pada sidebar blog juga fungsi Spoiler ini juga dapat ditampilkan.
Untuk menampilkannya pada blog/web, anda hanya membutuhkan kode berikut ini:
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2
</div>
</div>
</div>
- Untuk menampilkan Spoiler pada postingan blog, anda harus berada pada HTML saat melakukan postingan blog. Jika pada "Compose" silahkan anda parse terlebih dahulu kodenya di SINI. Jika sudah diparse, silahkan pastekan kode hasil parsean yang tadi.
- Untuk menampilkan Spoiler pada sidebar blog, anda cukup CopyPaste kode berikut ini pada kolom HTML/JavaScript, dan silahkan perhatikan kodenya.
