Hi There! Nice to see you!
Siang eberibadi! Gimana kabar kalian? Moga kalian sehat sehat aja ya~ Today, Fathya mau posting tutorial Show & Hide Botton Stylish!! Tahu artinya? Yang gak tau pake translate ae lah... males aku :V
- Dashboard > Tata Letak > Add A Gadget > HTML Javascript
- Copy kode ini
<center>
<div id="spoiler">
<div><input value="Click me if you can XP"
style="width:150px ;
font-size:12px;
font-family: short stack;
background-image: url(Your BG);
-moz-border-radius: 7px;
border-radius: 7px;
margin:13px;
padding:0px;
border-style: 2px solid #A8E4FF;
" type="button" 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 = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" />
<div id="show" style="display: none;
text-align: left;
background-color:transparent;
font-family: short stack;
font-size:11px;
background-repeat:repeat;
border-radius:10px;
border: 1px dashed #A8E4FF;
background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQuADzuBP9D9hsuOkv8wwVBjBZxXwOPQZTCzEPCvpUKITvTi7No); margin: 0px; border-width:2px;padding:3px; width:250px">
Rules:<br>
Dont be Anonim! Just use your real name!<br>
Use your blog link<br>
And don't impersonate someone else<br>
PS: Dont cheat me!</div></div></div><br />
</center>
- Lalu, pastekan kode ini di kolom HTML Javascript yaa!
- Save!
CREDIT: Kak Tiara~
No comments:
Post a Comment