0 Cara Membuat Spoiler Di Blog

Sebelum ke step Cara Membuat Spoiler Di Blog,ada baiknya saya menjelaskan mengenai pengertian dari spoiler. Spoiler adalah cara untuk menyembunyikan teks,video,gambar,maupun script dengan tujuan untuk menghemat ruang posting

Ini Dia gambar untuk spoiler:

Contoh Spoiler

Sudah Lihat?jika ingin ahu bagaimana cara membuatnya ikuti tutor di bawah ini.

Ketika anda sedang membuat artikel,di sebelah kanan ada tulisan Edit HTML atau untuk lebih jelasnya silahkan lihat gambar dibawah ini :

klik tulisan itu kemudian copy dan paste kode dibawah ini di bagian yang anda ingin membuat spoiler.

<br /> <div><div style="margin: 4px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Klik show untuk membuka gan</span></i><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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"><br /> Isi spoiler,bisa berupa gambar,teks atau video.<br /> <br /> </div></div></div></div>

Nb : Tulisan " Isi spoiler,bisa berupa gambar,teks atau video. " bisa di ganti sesuai keinginan anda.

Artikel Terkait:

Tutorial Blog

• Template Dhonny-Share
• Cara Membuat Daftar Isi Dropdown untuk Blog
• Cara Membuat Postingan Terbaru Berjalan di Blog
• Cara Memasang Widget I Love Indonesia di Blog
• Cara Lengkap Membuat Efek Lipatan Kertas Di Ujung Blog
• Cara Membuat Background Sambaran Petir Di Blog
• Cara Membuat Gambar Batman Berjalan Di Pinggir Blog