Selamat Datang di Blog She-Cengos...
Minggu, 18 Mei 2014

Cara Buat Spoiler Di blog

Cara Bikin Spoiler
<div style="margin: 5px 20px 20px;"> 
<div class="smallfont" style="margin-bottom: 2px;"><b>Label 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 = 'View'; }" type="button"> 
</div> 
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> 
<div style="display: none;"> 

Copas Isi Spoiler Disini 

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

Di atas adalah contoh bentuk isi posting yang di spoiler. Lalu bagaimana cara membuatnya ?
Copy paste script diatas di antara postingan
Teks "Copas Isi Spoiler Disini" >> Isi dengan text kalimat/ gambar yang di spoiler
Text "Label Spoiler" bisa di ganti sesuai judul spoiler dari kutipan isi posting yang di spoiler
Text "Buka" dan "Tutup" silahkan diganti dengan istilah lain

0 komentar:

Posting Komentar

Like This Facebook!!!

×

Powered By Blogger Widget and Get This Widget

Menu

Sekilas tentang saya