ANOTHER DAY

Friday, April 10, 2020

Show & Hide Botton Stylish


blue pastel aesthetic | Explore Tumblr Posts and Blogs | Tumgir

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(&#39;div&#39;)[&#39;show&#39;].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide Spoiler!&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;none&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show Spoiler!&#39;; }" />
<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