-->

motor de cautare interna blogPe 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:
motor de cautare interna
Daca doresti un alt desen pentru un motor de cautare interna vezi aici

5 comentari

  1. Adina  

    25 mai 2010, 16:22

    Interesant acest post si imi place cum arata motorul de cautare cu acel desen de binoclu la sfarsit. Felicitari pentru blogul tau Costi , o sa incerc zilele urmatoare sa insertez codul acesta.

    O zi buna

  2. Gina  

    26 mai 2010, 11:59

    Buna Costi o intrebare cum sa schimb imaginea de binoclu cu alta care vreau eu? Astept raspunsul tau.

    Multumesc

  3. Costi  

    26 mai 2010, 12:07

    Buna ziua Gina pentru a schimba imaginea trebuie daor sa inlocuiesti din linia src= acest url de imagine "http://img142.imageshack.us/img142/7/searchiconry7.png" cu url-ul imagini care doresti. Atentie! imaginea care vrei sa o instalezi sa nu depaseasca 48x48px.

    O zi buna

  4. Dumbry  

    29 iunie 2011, 17:34

    buna, asta este site-ul meu... www.chestii-tari.com gazduit de blogger.....cum fac ca acea baar de cautare (acel widget) sa-l pun in headerul blogului :D unde nu am loc de widget :D ??

  5. Constantin  

    29 iunie 2011, 19:14

    Salut Dumbry, pe blogul tau observ ca ai instalat acest widget?

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc



Subir