Membuat Spoiler pada Blogger

easy blog trick - Ayas pernah kasi tips trik blog Hidden Sidebar & Widget Blog dan Membuat Tombol Maximize Dan Minimize Pada Widget Blog. Nah, tips trik blog kali ini, masih 'sejenis', yaitu masih seputar sembunyi-menyembunyikan. Gp2, yang penting jangan anak orang aja yang disembunyiin. Hihihihi9

Trik blog lama sebenarnya. Tapi, Ayas yakin, belum banyak yang tau. Padahal, penggunaan spoiler pada postingan blog, sangat berguna lo...

Spoiler sendiri, seperti yang banyak dipakai pada forum2, berfungsi untuk menyembunyikan gambar pada postingan. Gambar akan muncul, bila diklik tombol yang telah disediakan.

Fungsinya untuk Sodara dan blog? Tentunya akan menghemat tempat, jika pada postingan Sodara terdapat banyak gambar, apalagi klo sang gambar tu gede. Dan tentunya, menghemat waktu loading page.

Nah, langsung aja, untuk membuat spoiler pada postingan blog, berikut kodenya :


<div style="margin-bottom: 2px;">Judul Spoiler
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">ISI SPOILER</div></div></div>


Jadi, tinggal copas aja, lalu ganti 'Judul Spoiler' dengan judul spoiler Sodara, dan 'ISI SPOILER', tentunya dengan isi spoiler Sodara. Contoh penggunaan kode diatas, hasilnya akan seperti ini :


Judul Spoiler

ISI SPOILER


Cukup mudah kan, tips trik blog membuat spoiler pada postingan blogger ini?

Selamat mencoba.. GAMPANG KOK!!!

11 comments:

  1. Manteb mas.....langsung dicoba..lagi butuh nih...

    Thanks ya.lam kenal...

    ReplyDelete
  2. salam kenal sob.. artikelnya mantep2&bermanfaat nih buat blogger pemula spt saya. thanks. btw tuker link yuk bro?..
    http://jumper99.blogspot.com

    ReplyDelete
  3. masih blog aj,..masang iklannya dah banyak apalagi kalo dah punya web?????terlalu
    salam damai sesama blog

    ReplyDelete
  4. mkc gan tas infonya,,, dah pusing cari postingan kaya gni, oya ngomng2 klo spoilernya berisi gambar gmn cara pasangnya? tolong diblas ya gan

    ReplyDelete
  5. @catatan klo mau berisi gambar, silahkan ganti ISI SPOILER dengan alamat gambar anda..

    ReplyDelete
  6. ilmu yang satu ini boleh di coba, trims

    ReplyDelete
  7. Thanks Buat Infonya ga....Udah tak praktekin ini hasilnya http://halanehdanunik.blogspot.com/2011/02/angkot-super-keren-dan-mewah-indonesia.html ..hehe

    ReplyDelete
  8. izin share bang!!!terimakasih...

    ReplyDelete
  9. Tips menarik,,, bisa dicoba gan...Thanks

    ReplyDelete
  10. ok gan gw coba, kunjungi blog gw di http://kustommanga.blogspot.com

    ReplyDelete

Klo ada pertanyaan, masukan ato tips yang lebih mudah, koment aja y..Insya Allah Ayas bales.. Thanks all..moga2 bermanfaat

 
Copyright © 2013. About - Sitemap - Contact - Privacy
Template Seo Elite oleh Bamz