Floating Facebook Widget
forsiden webdesign grafikk guider guider
Forsiden » Webdesign » Blogg.no » HTML og CSS » Søkeboks

Søkeboks

Dette er koden til en sånn søkeboks jeg har ved siden av menyen over headeren. Hvis det er noe spesielt noen leter etter på bloggen din, så kan de bruke denne for å søke det opp.

<form action="${AppUrl}index.bd?fa=search.do" name="search" method="post">
<input type="hidden" name="bl_id" value="${BlogID}" />
<input type="text" name="criteria" value="" size="11" maxlength="1000" id="soek" />
<input type="submit" value="Søk" style="width: 40px;" id="soek" />
</form>

Hvis du vil ha den under profilen din, så skal du legge den til over dette i malene:

</tag:if>
</tag:profile>

Slik skal det se ut:

 

 

Egen overskrift til søkeboksen

Legg til denne koden over søkeboksen:

<h3>Søk i bloggen</h3>

Endre farger

Legg til dette nederst i stilsettet:

 

#soek {
background-color: #efefef;
border-color: #d7d7d7;
}

#efefef er bakgrunnsfargen. #d7d7d7 er fargen på kanten rundt.

13 kommentarer

★MK★ 28. mai 2011, kl. 20:30

Legges til på alle malene altså? Har prøvd mange forskjellige koder for å få til dette før..

lotte - 17år - gravid 08. juli 2011, kl. 02:43

Jeg har lagt den inn riktig, og den vises på bloggen min slik den skal, men når jeg skal prøve den og søke på noe, så skjer det ikke noe! :(

ODAGUD 29. august 2011, kl. 21:36

Hei! :)
Jeg brukte dropdown menyen din en stund, men jeg ble lei og tenkte at jeg heller skulle prøve ut denne. Men da jeg slettet menyen slettet jeg også siste innlegg, kategorier, arkiv osv. HVORDAN får jeg dem tilbake?!

anniken 09. oktober 2011, kl. 20:26

Hvor legger man det inn?? ;))

ingeborg♥ 05. februar 2012, kl. 16:58

funker bare de kodene på designa dine?

tosmåfrøkner 07. februar 2012, kl. 22:14

Hvordan får man søkeboksen over på høyre side sammen med Kategorier osv? Jeg vil helst ikke ha den ved headeren, siden jeg har kategoribokser der :)

Lisa 07. mai 2012, kl. 12:40

Tusen takk ! :D hjalp !

Anna Michele 24. november 2012, kl. 00:34

utrolig bra ! kan jeg låne denne og den send kommentar knappen? :)

MG 05. februar 2013, kl. 22:35

Jeg har lagt inn koden og har et slikt > tegn etter/h3, men når jeg søker kommer ikke noe resultat opp… Noen idé om hva jeg har gjort feil?

Ragnfrid Lind-Jenssen 20. januar 2014, kl. 18:22

Om jeg ønsker mellomrom mellom «søk» – knappen og skrivefeltet, hva skal jeg endre på da?

Skriv en kommentar

E-postadressen din vil ikke bli publisert. Påkrevde felt er markert med *.

*


Du kan bruke disse HTML-kodene og -egenskapene: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Søk

 

Nerdie.me Design Proudly powered by WordPress