Tuesday, August 2, 2016

Tutorial Membuat Spoiler Hide/Show Artikel Blog

Tutorial Membuat Spoiler Hide/Show Pada Artikel Blog

Hai Sahabat Korek ;)
Kali ini ane mau Share Tutorial Buat bikin Spoiler Hide/Show Pada blog
Langsung Ajah Cuzzz Gan !! ;)


Script :

<div id="spoiler">
<div><input style="font-size: 11px; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Tampilkan'; }" name="button" type="button" value="Rengga Korek Blog Spoiler" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">

https://renggakorek.blogspot.com Kunjungi Terus Yah :)

</div><div id="hide"></div></div></div>


Dan jika Sudah Save

Note : Warna Biru  Bisa Diganti Sesuka Hati

DEMO :

0 comments:

Post a Comment