2017

cu reduceri

Original motor de cautare interna pentru blog

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

  1. 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

    RăspundețiȘtergere
  2. Buna Costi o intrebare cum sa schimb imaginea de binoclu cu alta care vreau eu? Astept raspunsul tau.

    Multumesc

    RăspundețiȘtergere
  3. 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

    RăspundețiȘtergere
  4. 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 ??

    RăspundețiȘtergere
  5. Salut Dumbry, pe blogul tau observ ca ai instalat acest widget?

    RăspundețiȘtergere

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc