Cara Membuat Spoiler Di Dalam Postingan Blog - Pada postingan sebelumnya Blogger Bondowoso pernah share mengenai cara membuat tombol spoil...
Cara Membuat Spoiler Di Dalam Postingan Blog - Pada postingan sebelumnya Blogger Bondowoso pernah share mengenai cara membuat tombol spoiler di komentar blog, nah kali ini spoiler akan diletakkan didalam postingan blog. Dengan membuat tombol spoiler didalam postingan blog, akan lebih simple dan lebih mengeirit area posting blog anda, misalnya dalam meletakkan kode script yang terlalu panjang atau memasang gambar yang ukuran / size besar.
Cara Membuat / Memasang Spoiler Di Dalam Postingan Blog :
Untuk memasang spoiler atau tombol buka tutup pada salah satu artikel blog anda,anda dapat copy kode berikut ini dan cara memasangnya pada postingan blog harus dalam posisi HTML (bukan Compose), ini kodenya :
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<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;">
Letakkan gambar, kode html dan lain-lain disini
</div>
</div>
</div>
</div>
Keterangan :
Teks warna merah silahkan anda isi dengan selera anda
Untuk contoh tombol buka tutup / spoiler didalam postingan blog, dapat anda lihat dibawah ini :
Selamat dicoba tutorial blog tentang Cara Membuat Spoiler Di Dalam Postingan Blog, semoga bermanfaat, happy blogging.
COMMENTS