Menambahkan Spoiler pada Artikel ~ INFORMASIONG <br> {Belajar Teknologi Informasi;}

Rabu, 20 Agustus 2014

8/20/2014 07:54:00 PM

Ted. Online

2 comments

Menambahkan Spoiler pada Artikel

Spoiler memiliki fungsi untuk menyembunyikan dan menampilkan teks atau gambar, dan sangat berguna ketika mencoba untuk mengurangi ruang di input atau hanya jika Anda ingin teks atau gambar hanya melihat ketika ditekan
Hal pertama yang Anda butuhkan adalah kode:


<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Judul 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: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
    </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
     </div>
</div>
</div>

Teks rmerah selanjutnya bisa Anda ubah menjadi suatu tampilan apapun yang Anda ingin. Salin kode dan paste di entri baru di Edit HTML di tempat entri di mana Anda ingin ditampilkan.
Berikut adalah contoh hasilnya.Silahkan tekan ya...

Mobil Airbrush terkeren: