Info Blog kali ini akan berbagi trik Blogging tentang cara membuat spoiler di blog, yang merupakan sebuah fasilitas untuk menyembunyikan "sesuatu" pada postingan blog. Spoiler ini akan membuka jendelanya ketika ditekan tombol "buka" dan akan menutup kembali ketika ditekan tombol "tutup". Jadi dengan kata lain spoiler ini dapat diartikan dengan tombol buka-tutup jendela yang biasanya diletakkan dalam sebuah postingan blog.
Berikut ini contoh faktual tentang spoiler blog tersebut :
Contoh Spoiler:
Bilamana anda tertarik untuk membuatnya, berikut ini adalah rangkaian script untuk membuat spoiler tersebut :
<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 disini, dapat diisi gambar, kode html, paragraf dan lain2
</div>
</div>
</div>
Simpan postingan anda, jangan lupa mengganti Judul Spoiler sesuai dengan judul yang anda inginkan ...., semoga berhasil.
Silahkan meninggalkan komentar yang sesuai dengan artikel di atas, komentar anda sangat berguna bagi perkembangan blog ini di masa-masa mendatang.
Mohon jangan melakukan spam, atau promosi produk atau apapun yang tergolong hal-hal negatif
Mohon maaf bilamana terjadi keterlambatan balasan komentar.