cara membuat show hide pada postingan
Akang-nyai semuanya, apa sih spolir itu? Spoiler adalah tombol yang digunakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan klik untuk membuka dan menutup. Apalagi yang sering main di forum tuh. Spoiler sudah pasti menjadi hal sering dipakai dalam semua blog.
Cara Membuat Spoiler Pada Postingan Blog akang-nyai sebagai berikut :
1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script berikut ini untuk membuat spoiler:
<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>
5. Setelah itu ganti judul spolernya, begitu juga Buka dan Tutup dengan selera akang-nyai.
6. Klik Publish atau Terbitkan.
Gampangkan !!! sekian posting dari ane, Semoga bermanfaat,. ^_^ tinggalkan komentar
0 comments:
Post a Comment