Cara Membuat Spoiler di Postingan Blog
Bagi anda yang sering main di forum-forum mungkin sudah tidak asing lagi dengan yang namanya spoiler. Lalu bagaimana menerapkan spoiler di postingan blog ? Tapi sebelumnya, mungkin ada yang belum tahu apa itu spoiler, singkatnya spoiler adalah tombol untuk menampilkan dan/atau menyembunyikan konten baik teks, gambar, atau video dengan tujuan untuk menghemat tempat. Pada blog spoiler biasanya digunakan untuk membuat penasaran pengunjung dengan menyembunyikan konten blog dan untuk menampilkanya si pengunjung harus mngklik tombol spoiler itu, bagaimana cara membuatnya ? simak langkah-langkah berikut :
- Login ke blogger
- Buat enri baru
- Pilih mode HTML
- Gunakan kode spoiler berikut
- Anda dapat mengganti Judul spoiler, Buka, Tutup sesuai selera anda.
- Contohnya anda bisa lihat seperti 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 script anda disini <br> </div> </div> </div> |
Contoh Spoiler:
Categories:
Trik Blogger
0 komentar:
Posting Komentar