Buscador/Search Box Kawaii

Hola mis blogueras como siempre espero esten super bien y con toda la vibraaaa ~~ aunque sea lunes jajajaj, hoy les traigo un tuto algo sencillo pero como siempre con un toque muy kawaii :D!! empecemoss oki :D!!

como ven es un buscador muy sencillito pero lindo :)! podras escoger varios modelos y lo mas importante que tu tambien puedes personalizarlo a tu gusto.!

Para ponerlos en tu blog solo copia el codigo y pegalo en un gadget html/javascript.

<center> <form action="/search" method="get"> <input type="text" name="q" value="" style="width:130px; height:25px; color: #c0a393; background: url('http://38.media.tumblr.com/bd8644a4b4526b1d99d9100fad2bd430/tumblr_inline_mmzqop2vNL1qz4rgp.gif') #ffebf4 left center no-repeat; padding: 0px 20px; font-family: Verdana; font-size: 11px; border: 1px solid #ffebf4; border-radius:10px; box-shadow: 0 0 0.4em #ffebf4 , 0 0 0.4em #ffebf4;" /><input class="SEARCHBUTTON" id="SUBMIT-BUTTON" type="SUBMIT" value="Ir" style="color: #c0a393; background:#ffebf4; border:0 !IMPORTANT; height:25px; border-radius: 10px; box-shadow: 0 0 0.4em #ffebf4 , 0 0 0.4em #ffebf4; " /></form> </center>

<center> <form action="/search" method="get"> <input type="text" name="q" value="" style="width:130px; height:25px; color: #8b5945; background: url('http://33.media.tumblr.com/0d564bfb0f34d81a14cb65850796fe51/tumblr_inline_mmzqon470y1qz4rgp.gif') #fffcdb left center no-repeat; padding: 0px 20px; font-family: Verdana; font-size: 11px; border: 1px solid #fffcdb;border-radius:10px; box-shadow: 0 0 0.4em #fffcdb , 0 0 0.4em #fffcdb;" /> <input class="SEARCHBUTTON" id="SUBMIT-BUTTON" type="SUBMIT" value="Ir" style="color: #8b5945; BACKGROUND:#fffcdb; BORDER:0 !IMPORTANT; height:25px; border-radius: 20px; box-shadow: 0 0 0.4em #fffcdb , 0 0 0.4em #fffcdb; " /></form> </center>

<center> <form action="/search" method="get"> <input type="text" name="q" value="" style="width:130px; height:25px; color: #8f4b19; background: url('http://38.media.tumblr.com/tumblr_mdpf72BeWH1qdlkyg.gif') #e9e1ff left center no-repeat; padding: 0px 20px; font-family: Verdana; font-size: 11px; border: 1px solid #e9e1ff;border-radius:10px; box-shadow: 0 0 0.4em #e9e1ff , 0 0 0.4em #e9e1ff;" /> <input class="SEARCHBUTTON" id="SUBMIT-BUTTON" type="SUBMIT" value="Ir" style="color: #8f4b19; BACKGROUND:#e1d7ff; BORDER:0 !IMPORTANT; height:25px; border-radius: 20px; box-shadow: 0 0 0.4em #e9e1ff , 0 0 0.4em #e9e1ff; " /></form> </center>

<center> <form action="/search" method="get"> <input type="text" name="q" value="" style="width:130px; height:25px; color: #8f4b19; background: url('http://31.media.tumblr.com/tumblr_mdnsivG5zy1qdlkyg.gif') #bae9ff left center no-repeat; padding: 0px 20px; font-family: Verdana; font-size: 11px; border: 1px solid #bae9ff;border-radius:10px; box-shadow: 0 0 0.4em #bae9ff , 0 0 0.4em #bae9ff;" /> <input class="SEARCHBUTTON" id="SUBMIT-BUTTON" type="SUBMIT" value="Ir" style="color: #ffffff; BACKGROUND:#bae9ff; BORDER:0 !IMPORTANT; height:25px; border-radius: 20px; box-shadow: 0 0 0.4em #bae9ff , 0 0 0.4em #bae9ff; " /></form> </center>

<center> <form action="/search" method="get"> <input type="text" name="q" value="" style="width:130px; height:25px; color: #c09383; background: url('http://31.media.tumblr.com/tumblr_m7efdpsheX1qdlkyg.gif') #def2ea left center no-repeat; padding: 0px 20px; font-family: Verdana; font-size: 11px; border: 1px solid #def2ea;border-radius:10px; box-shadow: 0 0 0.4em #def2ea , 0 0 0.4em #def2ea;" /> <input class="SEARCHBUTTON" id="SUBMIT-BUTTON" type="SUBMIT" value="Ir" style="color: #c09383; BACKGROUND:#def2ea; BORDER:0 !IMPORTANT; height:25px; border-radius: 20px; box-shadow: 0 0 0.4em #def2ea , 0 0 0.4em #def2ea; " /></form> </center>

<center> <form action="/search" method="get"> <input type="text" name="q" value="" style="width:130px; height:25px; color: #c09383; background: url('http://33.media.tumblr.com/tumblr_m7efdhWLFX1qdlkyg.gif') #ffe1d6 left center no-repeat; padding: 0px 20px; font-family: Verdana; font-size: 11px; border: 1px solid #ffe1d6;border-radius:10px; box-shadow: 0 0 0.4em #ffe1d6 , 0 0 0.4em #ffe1d6;" /> <input class="SEARCHBUTTON" id="SUBMIT-BUTTON" type="SUBMIT" value="Ir" style="color: #c09383; BACKGROUND:#ffe1d6; BORDER:0 !IMPORTANT; height:25px; border-radius: 20px; box-shadow: 0 0 0.4em #ffe1d6 , 0 0 0.4em #ffe1d6; " /></form> </center>

Estos buscadores tienen mas color ^^ como pueden ver no les puse la cajita de "ÏR" al contrario de los anteriores que puse arriba al poner tu busqueda le tendras que dar "ENTER" en tu teclado para que empiece la busqueda :)!

<center> <form action="/search" method="get"> <input type="text" name="q" value="" style="width:180px; height:23px; color: #000000; background: url('http://i1221.photobucket.com/albums/dd461/kawaii_annyz/icon_2.png') no-repeat #40D3E5 right center; margin:10 20px 20px 0; font-family: Verdana; font-size: 11px; border: 1px solid #40D3E5;border-radius:10px;" /> </form> </center>

<center> <form action="/search" method="get"> <input type="text" name="q" value="" style="width:180px; height:23px; color: #000000; background: url('http://i1221.photobucket.com/albums/dd461/kawaii_annyz/icon_2.png') no-repeat #f98ec2 right center; margin:10 20px 20px 0; font-family: Verdana; font-size: 11px; border: 1px solid #f98ec2;border-radius:10px;" /> </form> </center>

<center> <form action="/search" method="get"> <input type="text" name="q" value="" style="width:180px; height:23px; color: #000000; background: url('http://i1221.photobucket.com/albums/dd461/kawaii_annyz/icon_2.png') no-repeat #91d254 right center; margin:10 20px 20px 0; font-family: Verdana; font-size: 11px; border: 1px solid #91d254;border-radius:10px;" /> </form> </center>

<center> <form action="/search" method="get"> <input type="text" name="q" value="" style="width:180px; height:23px; color: #000000; background: url('http://i1221.photobucket.com/albums/dd461/kawaii_annyz/icon_2.png') no-repeat #f57104 right center; margin:10 20px 20px 0; font-family: Verdana; font-size: 11px; border: 1px solid #f57104;border-radius:10px;" /> </form> </center>

<center> <form action="/search" method="get"> <input type="text" name="q" value="" style="width:180px; height:23px; color: #000000; background: url('http://i1221.photobucket.com/albums/dd461/kawaii_annyz/icon_2.png') no-repeat #ffd203 right center; margin:10 20px 20px 0; font-family: Verdana; font-size: 11px; border: 1px solid #ffd203;border-radius:10px;" /> </form> </center>

<center> <form action="/search" method="get"> <input type="text" name="q" value="" style="width:180px; height:23px; color: #000000; background: url('http://i1221.photobucket.com/albums/dd461/kawaii_annyz/icon_2.png') no-repeat #fa0929 right center; margin:10 20px 20px 0; font-family: Verdana; font-size: 11px; border: 1px solid #fa0929;border-radius:10px;" /> </form> </center>

<center> <form action="/search" method="get"> <input type="text" name="q" value="" style="width:180px; height:23px; color: #000000; background: url('http://i1221.photobucket.com/albums/dd461/kawaii_annyz/icon_2.png') no-repeat #3b3b3b right center; margin:10 20px 20px 0; font-family: Verdana; font-size: 11px; border: 1px solid #3b3b3b;border-radius:10px;" /> </form> </center>

No olvides comentar :D!! 

Besos!! ~~