Un nuevo tutorial de ayuda busqueda personalizada para blog/html

Busquemos en añadir un gadget damos clik en HTML colocamos este codigo:

<img src="http://i1299.photobucket.com/albums/ag75/Lara_Goncalves/i48_zps7ff4b797.png" class="imagem" align="left"/>

chromeblog barbie ,noticias,the think pink, juegos y revista nota este blog se visualiza major en google <i>Varias Noticias sobre Barbie</i>, <b>Pngs</b>, <u>e Extras.</u>script type="text/javascript">

document.write('<style type="text/css">.tabber{display:none;}< \/style>');

</style>

<center>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRPrWLgo3uWp1nkScPMfJUQvqRRWFssqvmYtu0PQwm7UubK9gFR-T6Rr4NIwEtlq2HTR0SdZpU1y5KX01kdrpN8CyCUFP9ejO2XQiF9lvdaViLR0gD3blIm9ZgnHZAiBjXbDDdpKLejnA/s1600/serch.png" />

<form action="/search" method="get"> <img src="http://www.blogger.com/favicon-image.g?blogID=355196184182419614" /> <input type="text" name="q" value="" style="width:160px; height:19px; background-color:#ffffff; color: #c736c7; font-size: 11px; border: 1px double #c736c7;border-radius:5px;box-shadow: 0 0 0.4em #c736c7 , 0 0 0.4em #ffaad5;" /> <img src="http://www.blogger.com/favicon-image.g?blogID=355196184182419614" />

<br />

<br />

<input type="submit" value="❤ clik para buscar❤" style="font-size: 12px; background-color:#ffffff; color: #c736c7; border: 1px dashed #ffaad5;border-radius:5px;" /></form></center>

la parte en rojo se puede cambiar por el url de tu imagen busque aqui para ver imagenes 

donde dice clik para buscar lo puedes cambiar como se desee

repito todas las partes en rojo se pueden cambiar por urls de imagenes las partes en amarillo son colores se pueden cambiar con el codigo de colores la parte en azul es el tamaño la parte en verde es texto de bienvenida se puede cambiar .