Sebelum ke langkah-langkah pemasangan spoiler di postingan, saya akan sedikit menjelaskan kepada sobat blogger khususnya bagi pemula yang mungkin masih kurang paham.
spoiler merupakan salah satu cara penghematan ruang pada posting blog yang tersembunyi dan terlihat bila di klik, spoiler ini bisa berupa teks,gambar,video, maupun script.
Priview :
Itulah priviewnya, kalo sobat blogger ingin memasangnya di postingan sobat, sobat bisa ikuti langkah demi langkah pemasangan spoiler yang tertulis dibawah ini:
- Anda lakukan posting dan pilih edit HTML, untuk lebih jelasnya anda bisa lihat gambar dibawah ini :
- Copy dan pastekan kode dibawah ini di bagian yang sobat ingin buat spoiler.
<div>
<div style="margin: 4px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Klik show untuk membuka </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;">
Isi spoiler,bisa berupa gambar,teks atau video.
</div>
</div>
</div>
</div>
Ganti tulisan yang berwana merah dengan tulisan yang sobat inginkan.
Isilah tulisan yang berwarna orange dengan tulisan,gambar, atau video yang ingin anda jadikan spoiler.
Selamat mencoba dan Semoga berhasil
Terimakasih
