Buat sobat yang yang sering berkunjung ke beberapa forum seperti kaskus mungkin sudah tidak asing lagi dengan yang namanya spoiler, nah oleh karena itu pada kesempatan kali ini saya akan berbagi sedikit cara buat para blogger mengenai membuat spoiler ini.
Jika pada forum forum kita cukup mengetikkan perintah [spoiler]isi spoiler[/spoiler] maka jika di blog Cara membuat spoiler di blog tidak semudah itu. kita perlu memasukkan sedikit scrip tambahan pada bagian edit html saat akan memposting sesuatu. adapun script html yang bisa anda gunakan untuk membuat spoiler di blog bisa anda copas di bawah ini.
<div><div style="margin-bottom: 2px;"><i><b>Judul Spoiler anda:: </b></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 style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">isi spoiler anda</div></div></div>
- Copas code di atas pada bagian edit html blog anda saat anda akan memposting di blog,
- sobat jga bisa merubah tulisan yang berwarna merah di atas sesuai dengan kemauan nya.
so...!!! selamat mencoba kawan....
makasih tutorialnya sangat bermnafaat
BalasHapusmsama kawan,,,,,
HapusThanks gan. Langsung ke TKP, bdw, blognya bagus :D
BalasHapushehehe...mkasi.......thankz balik sob...
Hapus