Salam sejahtera untuk para blogger.
Pagi yang cerah ini,walaupun dibeberapa daerah saat ini cukup panas dan gegap gempita oleh demo menolak kenaikan harga BBM, saya akan memberikan tutorial tentang membuat spoiler didalam postingan . Kegunaan spoiler ini adalah untuk menghemat penggunaan halaman pada postingan sehingga postingan anda terkesan simpel.
Okey kita ke TKP aja yaitu anda harus masuk ke akun blog kemudian klik posting. Didalam menu postingan silakan kilk HTML dan silakan copy paste kode html dibawah ini :
<div>
<div style="margin: 4px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Klik show untuk membuka gan</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>
Keterangan :
1. Untuk yang berwarna merah adalah kata kata yang tampil dalam spoiler.
2. Untuk warna biru adalah lokasi untuk meletakkan isi spoiler, dan isi spoler ini bermacam-macam , bisa kode html, foto, dan gambar bisa juga video.
Okey selamat mencoba dan lihat hasilnya dibawah ini.
KLIK DISINI
