Tips/Trik Cara Membuat Spoiler

Hay sobat bloggers, kesempatan kali ini ane pengen share Tips/Trik Cara Membuat Spoiler. Mungkin sebagian besar dari sobat bloggers sudah pada tahu dengan tentang trik ini. Tapi ternyata masih banyak juga lo sob yang masih belum paham, ane sendiri contohnya tp beberapa menit yang lalu sebelum ane nemuin cara ini lewat mbah google,hehehe...

Oke sob, ga usah panjang lebar langsung aja ke tutorialnya.




Click Me Untuk Melihat Spoiler
Contoh Spoiler by kaka-jr blogspot presents

Nah, ini adalah code dari contoh spoiler di atas:


<div style="margin-top: 5px; text-align: center;"><input value="
Click Me" style="margin-top: 5px; 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 = 'Clik Me'; }" type="button"> </div><div style="margin-bottom: 2px;">Click Me Untuk Melihat Spoiler
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;colour:blue;">Contoh Spoiler by kaka-jr blogspot presents</div></div></div>


notes:
 Code warna merah bisa ente ganti dengan kata sesuka ente.
 Code warna biru adalah isi yg ada di dalam spoiler yg akan sobat buat.
 Dan jangan sobat lupa proses copas spoiler di atas lewat HTML loh ya, bukan lewat COMPOSE

Nah, gimana? Mudah kan ternyata sob?hehehe..
Oke selamat mencoba & berkreasi ya, semoga postingan ane tentang Tips/Trik Cara Membuat Spoiler bisa bermanfaat buat kalian semua.




Jangan lupa comment & like, yaaa...(^^,)v

Share:

0 comments