Original motor de cautare interna pentru blog

Pe cat de eficient acest motor de cautare interno pentru blog pe atat de original prin desenul sau. Pentru al instala pe blogul tau mai precis in sitebar (partea dreapta a blogului) sau unde doresti sa apara va trebui sa folosesti cele doua coduri de mai jos.

<form action="/search" style="display:inline;" method="get">
<input id="s" onfocus="this.value=''" value="Cautare in blog" class="formsuch" name="q" size="17" type="text"/>
<input alt="Cautare" src="http://img142.imageshack.us/img142/7/searchiconry7.png" class="searchicon" value="Search" name="submit" type="image"/>
</form>

Salveaza modificarile si mergi la Aspect --> Editare HTML --> aici cautam linia ]]></b:skin>: si exact inaintea ei adaugam urmatorul cod CSS:

.searchicon:focus {
background-color: white;
color : black;
outline : none; }

input:focus {
background-color: #FFFFCC;
color : black;
outline : none; }

legend {
padding: 0.5em 0.5em 0 0.5em;
font: 30px Georgia,Verdana,sans-serif;}

input {
border : 1px solid black;
padding: 4px;
outline : none; }

.searchicon {
margin-left : -26px;
margin-bottom : -29px;
border : 0;}

Rezultatul este urmatorul desi in acest post este doar o imagine a acestui motor:

Daca doresti un alt desen pentru un motor de cautare interna vezi aici