Membuat Spoiler di Blog
00.46Bagi temen-temen yang udah biasa menjelajahi kaskus dan forum forum, pastinya tidak akan asing dengan istilah spoiler. trus yang belom tau gimana ? spoiler apaan sih ? spoiler itu semacam apa yaa, yaa pokoknya gitu deh hahaha, mending liat aja contoh spoiler dibawah ini.
Judul spoiler
nah caranya gimana dong buat masukin spoiler ke blog ? gampang aja kok, cukup masukin kode html berikut ini kalo lo mau ngepost. sayangnya gw belom tau gimana cara lebih gampangnya, jadi kalo mau pakai spoiler mesti copas dulu dari notepad. buat yang mau codenya, mending di copas di notepad jadi gampang kalo mau dipake.
<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Judul spoiler</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 dikasih foto, text atau apapun deh...</div>
</div>
</div>
</div>
tinggal copas, edit yang udah dibold, beres deh :D
0 comment