cara membuat show hide di postingan blog

Dah lama ficky gax Ngeposting Pernak-pernik Blog. sobat blogger semuanya, pastinya sudah tahu apa itu spoiler, apalagi yang sering main di forum tuh. Spoiler sudah pasti menjadi hal sering dipakai. Lalu kalau kita ingin menerapkannya di blog kita? emmmhh.. pastinya keren donk.

Sebelumnya kalau ada yang masih belum tahu, apa itu spoiler? Saya akan jelasin singkat saja.
==>> Spoiler adalah tombol yang diguanakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan klik untuk membuka dan menutup.
Cara Membuat Spoiler Pada Postingan Blog :

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 sob..!!

 <br>
</div>
</div>
</div>

5. Kita dapat mengganti Judul Spoiler sesuai keinginan kita, begitu juga Buka dan Tutup.
6. Klik Publish atau Terbitkan Entri jika sudah selesai.

Semoga bermanfaat,.

Saat ini anda sedang membaca artikel tentang cara membuat show hide di postingan blog dan anda juga bisa menemukan artikel cara membuat show hide di postingan blog ini dengan url http://fickybrother.blogspot.com/2013/01/cara-membuat-show-hide-di-postingan-blog.html. Anda boleh menyebarluaskan atau mengcopy artikel cara membuat show hide di postingan blog ini jika memang bermanfaat bagi anda atau teman-teman anda, namun dengan catatan jangan lupa untuk mencantumkan link sumbernya.