Kalau ada link atau artikel yang sudah usang (tidak work). Dimohon untuk berkomentar. Thanks for your attention.

Cara Membuat Spoiler

Cara membuat spoiler - Sobat tahu spoiler ... ? Paling tahunya spoiler yang tentang film. Spoiler ini berbeda dengan spoiler film, spoiler ini tugasnya adalah menyembunyikan suatu widget / kalimat / gambar, dan akan tampil apabila telah menekan tombol " Open (atau yang lainnya) " dan bisa disembunyikan lagi apabila menekan tombol " Close (atau yang lainnya) ". Cukup pengantarnya, saya kasih contoh spoiler nih ...
Spoiler:

<-------Isi-------->

Diatas adalah contoh spoiler, kode spoiler diatas antara lain seperti ini

<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: 75px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

<-------Isi-------->

</div>
</div>
</div>
Silahkan sobat masukkan kode spoiler di blog sobat sesuai keinginan.

Simpan !

Ket :
- kalimat yang berwarna orange adalah judul (sebelah tombol Open)
- kalimat yang berwarna biru adalah kalimat yang muncul (saat menampilkan Open, saat ingin menyembunyikan Close)
- angka yang berwarna merah adalah lebar spoiler

Sekian dulu posting tentang cara membuat spoiler, semoga bisa bertemu dilain waktu ^^

Selesai


Anda baru saja membaca Cara Membuat Spoiler yang ditulis oleh . Jika ingin copy paste artikel ini, dimohon agar mencantumkan link http://caratrikblog.blogspot.com/2011/09/trik-gadget-muncul-apabila-open.html

Klik apabila artikel bermanfaat :

0komentar:

Posting Komentar

Berkomentar dengan menggunakan kalimat yang baik dan santun. Dimohon untuk tidak berkomentar SPAM, karena komentar akan dihapus!
Tips:" Berlangganan Via Email " terlebih dahulu agar komentar cepat dibalas!

Langganan via Email :

Pengikut

Link Teman

 
Kembali ke atas