Breaking News
Loading...
February 21, 2013

Cara Membuat Spoiler Di Dalam Postingan Blog

10:33 AM

Cara Membuat Spoiler Di Dalam Postingan Blog
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 Spoiler Di Dalam Postingan Blog

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 :

Cara Membuat Spoiler Di Dalam Postingan Blog
Selamat dicoba tutorial blog tentang Cara Membuat Spoiler Di Dalam Postingan Blog, semoga bermanfaat, happy blogging.

Cara Membuat Spoiler Di Dalam Postingan Blog
Share:

0 comments:

Post a Comment

 
Toggle Footer