cara membuat spoiler di blog blogspot

cara membuat spoiler di blog - akhirnya pengen juga nulis tutorial blog, ini merupakan tulisan pertama ane ni tentang tutorial.

jangan marah ya jika tulisan ane kurang jelas, maklum lah belum begitu pengalaman.

ok dari pada banyak cvincong ane langsung aja ngasih tutorialnya

Spoiler adalah sebuah kolom buka tutup untuk menyembunyikan gambar maupun tulisan, tujuannya adalah untuk mempercepat loading blog.

berikut contoh dan cara membuat spoiler tersebut.

1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script berikut ini untuk membuat spoiler (karena tidak bisa anda copy, silahkan copy pada artikel saya yang ini Cara Membuat Spoiler Di Blog - Blognya Anak Ndeso:

<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;">

Letakkan teks atau kode script (gambar atau video) di sini

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

    5. Silahkan ganti Judul Spoiler sesuai keinginan anda, begitu juga Buka dan Tutup.
    6. Selesai, silahkan menikmati hehehe

berikut adalah contoh cara membuat spoiler di blog blogspot

Silahkan Klik Untuk Membuka:

sumber gambar nonagugel[dot]com