Cara membuat spoiler di blog


Apa itu spoiler ...
Spoiler merupakan suatu teknik untuk menyembunyikan teks yang panjang, gambar, atau video.

Spoiler dapat pula kita terapkan dalam membuat suatu artikel di Blogger. Dengan membuat spoiler ini kita dapat menghemat tempat atau ruang di halaman posting.

Untuk membuat spoiler di posting, Anda cukup menyalin kode script di bawah ini lalu menempelkannya di menu Edit HTML.

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>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 = 'tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'buka'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 44px;" type="button" value="buka" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Taruh kode anda di sini

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

  • Untuk tulisan Spoiler merupakan judul spoiler, Anda dapat menggantinya sesuai keinginan.
  • Tulisan Buka dan Tutup dapat diubah sesuai keinginan Anda.
  • width: 44px; menunjukkan lebar spoiler.
  • font-size: 11px; menunjukkan ukuran huruf dalam spoiler.
  • Ganti tulisan Taruh kode anda di sini dengan konten yang ingin Anda masukkan ke spoiler.
Contoh di bawah adalah memakai script yang diatas

Spoiler:
Taruh kode anda di sini
Kalau belum mengerti silahkan koment di bawah...

14 comments:

cumasatu.com said...

mantaf, terima kasih infonya...

Arief Ghazali Anwari said...

@cumasatu.com : ok gan sama-sama :)

cewek said...

kok gk bisa gan,, pa itu hanya untuk di sidebar saja,, bukan di dalam posting

Arief Ghazali Anwari said...

@cewek ; bisa kok di dalam posting juga , tuh saya bisa di dalam posting...

curcol said...

kalo untuk gambar gak bisa ya buat taruh dispoiler?

Arief Ghazali Anwari said...

@dalinta: bisa kok tinggal hapus kode "Taruh kode anda di sini" dengan url gambarnya..

Medical Value Travel India said...

its very cute. thanks too share.....

Medical Value Travel India said...

Great post and thanks for sharing....

Tips and Tricks blog said...

I love that idea. Awesome Post..

penile prosthesis said...

Thank you, that was just an awesome post!!!

Dr. Shantaram D said...

That was a VERY interesting one! Seriously interesting.

Health and Wellness Blog India said...

Thank you, that was just an awesome post!!!

Dr. Vandana Soni said...

That is great to hear, thank you for reading!

Penile Implant said...

Thanks for sharing that. It was fun reading it. :-)

Post a Comment