Estilos de buscadores/search box para tu blog

¡Hola! Espero que estén teniendo bonitos días . El día de hoy les vengo a compartir unas cajitas de buscadores o search box para que agregues a tu blogsito. Son muy sencillas de poner y prácticas así que espero que les gusten. Como dato quería agregar que oficialmente ya casi estoy de vacaciones . Así que pronto publicaré nuevos tutoriales y recursos para seguir aportando al blog . Espero que les sirvan las cajitas!! Allá vamos 

Elegí la cajita de tu gusto, luego copia el código correspondiente a esa cajita y te vas a:

Diseño >> Añadir Gadget HTML 

Y pegas el código y listo!

<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: #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: #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: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>

 Créditos a Annyz por las cajitas tan bonitas