Search Box Hover

Hai guys, im back.

Fathya mau posting search box. Fathya minta mangap maaf karna jarang on. Tapi... yaa... bodo amat sih... Yuk, lansung readmore. Lagi badmood nih.

Priview:

• Buka blogger.
• lalu pencet tata letak/layout.
• pencet tombol tambahkan gadget.
• pilih html java script.
• simpan code dibawah ini.

<style>
#nbc-searchexpandbox1
{
padding:10px;
}
#nbc-searchexpandsubmit1
{
border:1px dashed #00D9FF;
border-radius: 20px;
background: #CDF8FF;
padding:5px;
color:#ffffff;
font:14px Arial;
}
#nbc-searchexpandinput1
{
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border:1px solid #dcdcdc;
background:#ffffff;
padding:3px;
color:#888888;
font:14px verdana;
transition: width 0.5s;
-webkit-transition: width 2s; /* Safari */
-o-transition: width 2s; /* Opera*/
-moz-transition: width 2s; /* firefox*/
width:45px;
}
#nbc-searchexpandinput1:hover
{
width:110px;
}
</style>
<div id='nbc-searchexpand1'>
         <form action='/search/max-results=8'  method='get' id="nbc-searchexpandbox1">
            <input name='q' id='nbc-searchexpandinput1' onblur='if (this.value == "") {this.value = "Find Something";}' onfocus='if (this.value == "Find Something") {this.value = ""}' type='text' value='Find Something'/>
            <input id='nbc-searchexpandsubmit1' type='submit' value=' 🔎 '/>
         </form>
      </div>
<div/></div></div>

• Save

CREDIT:

Ikuti dan Fathya akan melakukan hal yang sama! 👇👇👇
1.Follow Blog Fathya!
2.Sering-sering Comment!
3.Like teruuus! UwU