Cara Membuat Spoiler Ala Kaskus Di Dalam Posting Blog
Cara Membuat Spoiler Ala Kaskus Di Dalam Posting Blog
Assalamualaikum wr.wb. Siang ini saya akan berbagi Tutorial Blog yang lebih menarik lagi yaitu Membuat Spoiler Ala Kaskus Di Dalam Posting Blog.
Spoiler yang biasanya kita lihat di kaskus sekarang bisa diterapkan di
blog, menggunakan spoiler blog memperindah blog, mempersimple tampilan
posting blog tentunya. Spoiler ini biasanya digunakan untuk gambar,
situs download atau yang lainnya. Lihat seperti apa sih Spoiler Ala Kaskus Di Dalam Posting Blog :
Spoiler :
Langkah-Langkah Membuat Spoiler Ala Kaskus Di Dalam Posting Blog
1. Buka Blog >> Masuk ke posting blog >> pilih HTML
2. Masukkan kode dibawah ini didalam posting HTML tadi :
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
</div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Masukkan gambar atau script lainnya disini </div>
</div>
</div>
