Cara Membuat Spoiler di Blog

Cara Buat Spoiler di Blog
Cara membuat Spoiler di Blogspot - Udah lihat gambar di atas ? Itu tuh yang di namakan spoiler, kegunaannya untuk menyembunyikan konten yang ada di dalam spoiler, untuk contohnya, kalian bisa lihat di bawah ini, agar lebih mengerti fungsi dari spoiler 

Cara membuat Spoiler di Blog

Hide and show button juga sebutan untuk spoiler, yang lebih gampangnya Tombol sembunyikan dan tampilkan konten, konten ini bisa berisi berbagai macam, seperti gambar, video, teks maupun script dan kode . spoiler ini juga bisa ditaruh di side bar maupun postingan blog. Kalian tinggal copy kode di bawah ini, edit dan ubah sesuai dengan yang kalian inginkan , lalu paste di side bar atau postingan yang kalian hendaki.. 


<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"><b>Judul 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 = 'Buka'; }" type="button"> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;">  
isi teks, kode html, script video, gambar dan lainnya
 <br> </div> </div> </div>


Semoga bermanfaat ya

0 Response to "Cara Membuat Spoiler di Blog"

Post a Comment

Recent

Comment

Menu