Home » » Cara Membuat Spoiler(Buka-Tutup) di Blogspot

Cara Membuat Spoiler(Buka-Tutup) di Blogspot


Fungsi utama dari sebuah spoiler sendiri adalah untuk mengurangi beban pada loading page dan untuk memperpendek halaman yang biasanya terisi kode kode HTML, biasanya yang dimasukin ke dalam spoiler adalah image atau Script, jadi dengan spoiler tidak akan diload secara langsung sehingga dapat mempercepat waktu loading. Selain fungsi diatas, dengan spoiler kita dapat menghemat space pada posting kita sehingga akan lebih rapi dan nyaman dibaca oleh pengunjung blog anda.


ketika hendak mau membuat Spoiler pada postingan maka pilih "Edit HTML"

Judul Spoiler:




Lalu masukan kode HTML dibawah ini :

<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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

"Masukkan isi spoiler yang anda inginkan disini"


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

Pada Tulisan Berwarna Merah anda dapat menggantinya dengan judul spoilernya.
Pada Tulisan Berwarna Biru   anda dapat menggantinya menjadi buka,atau Klik dsb.

Ketika anda Kembali ke "Compose" maka akan muncul spoiler nya mungkin saat itu anda tidak bisa membuka isi spoilernya untuk membukanya anda diharusnya membuka dengan terbitkan Entri dan buka di blog anda


Comments
2 Comments

2 komentar:

Silahkan berkomentar dengan menggunakan kata yang Sopan...
Trims...

Languange

English German Russian Japanese Arabic Chinese Simplified