Text Resizer: Click for Resizer
Sepertinya sudah banyak sekali tutorial yang membahas tentang postinganku kali ini,tapi tak apalah buat refrensi sahabat bagi yang baru membuat blogger seperti saya hehehehehe.....Spoiler blog biasanya digunakan untuk memperkecil atau mempersingkat kode, postingan, atau tulisan apapun agar tidak terlalu memenuhi halaman. Spoiler dapat anda pasang pada side bar, halaman posting, header dan footer.Untuk membuatnya tidaklah sulit,anda tinggal mencopy kode dibawah ini.
- Berikut ini kode HTML yang bisa digunakan dalam membuat spoiler di blog :
<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Buka Donk..</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
</div></div></div></div>
- Kode Diatas akan memberikan hasil seperti dibawah ini:
Buka Donk..
Semoga Tutorial Kali ini bermanfaat
3 komentar:
hore, bookmark dulu ah
Siipp :c:
gan tu code di masukin di mana ya ???, masih blum jelas
Posting Komentar
Bagi sobat-sobat silahkan comment disini, Insya Allah saya comment balik di blog anda.Blog ini Blog Do Follow,Trims atas kerja samanya