HTML-KODER

Her er det du kan finne koder på her inne:

  • Midtstill bloggen
  • Smalere blogg
  • Mindre skrift
  • Stillestående bakgrunnsbilde
  • Endre overskriftens størrelse
  • Signatur under innlegg
  • Små hjerter i sidepanelet



MIDTSTILL BLOGGEN



margin-left: auto;
margin-right: auto;
Denne kode skal du legge under header, #footer og #wrapper, som du finner når du går inn i Design >Redige>Stilsett.
Den vil da se slik ut:
#header {
background-color: #FFFFFF;
background-image: url('LINK TIL DIN HEADER');
height: 236px;
margin-left: auto;
margin-right: auto;
background-repeat: repeat;
}
#wrapper {
background-color: #FFEFFC;
margin-left: auto;
margin-right: auto;
}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;

Trykk på Lagre stilsett og du er ferdig


SMALERE BLOGG


Du må legge til denne koden:
width: 610px; 
som du vil finne når du går inn i Design>Rediger>stilsett.

Den skal du sette inn rett under der det står heigh165px; 

Den vil da se slik ut:
#header { background-color: #FFFFFF;
background-image: url (linken til din header)
height: 165px;
width: 610px; 
Etter du har gjort dette gjør du nøyaktig det samme der det står #wrapper og #footer. 
Da vil det se ut som dette:
#wrapper {
width: 610px;
background-color: #FFFFFF;
}
#footer {
width: 610px;
background-color: #FFFFFF;
}  

Trykk på Lagre stilsett og du er ferdig.



MINDRE SKRIFT




Du må skrive inn denne koden-size: 8pt; 
som du finner når du går inn i Design>Rediger>Stilsett.

Den skal plasseres slik og være markert med fet skrift:
#wrapper { 
width: 610px;
background-color: #FFFFFF;
font-size: 8pt;
}
#footer {
width: 610px;
background-color: #FFFFFF;
font-size: 8pt;
}
a { color: #000000}
a:link { color: #000000}
a:visited { color: #510300}
a:active { color: #000000}
h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; }
#header h1, #header p { display:none }
#header { color: #000000; #wrapper {background-color: #C4C4FD;border: 2px solid #000000;}#footer {background-color: #C4C4FD;border: 2px solid #000000;}
font-size: 7pt;}
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #000000; }

Trykk på Lagre stilsett når du er ferdig.


STILLESTÅENDE BAKGRUNNSBILDE



Sett inn dette i stilsettet ;
gå inn i Design>Rediger>Stilsett, 
og da vil bakgrunnen bli stående stille.

BODY {
background-image: url(her skal URL'en til bildet stå)
background-attachment: fixed;background-position: right bottom;
background-repeat: repeat;

}

Trykk på Lagre stilsett og du er ferdig.


ENDRE OVERSKRIFTENS STØRRELSE



Du må først finne /** Entry headers **/ i stilsettet ditt som du finner ved å gå inn i Design>Rediger>Stilsett. 
Under der står det f.eks font-size: 20px; 
For å få den større må dere bare skrive inn et større tall enn 20. 
For å få mindre må du skrive inn et mindre tall en 20.



SIGNATUR UNDER INNLEGG




Først og fremst må du lage deg en signatur. Dette kan du gjøre enkelt i bl.a paint. Signaturen lager du altså som et "bilde".

Finn bildets html-kode, slik:

  • Gå inn på "post" og last opp bildet som om det skulle vært med i et innlegg.
  • Klikk deretter på "html av/på" nede i høyre hjørne. Da kommer koden opp.
  • Kopier koden.

Nå skal du plassere koden inn i innlegget, slik:

  • Gå inn på "design" så "rediger" og så "maler".
  • Hold ned ctrl-knappen og trykk F. Skriv inn dette i søkelinjen:  <div class="content">${EntryBody}</div>
  • Klikk "finn neste" og lukk boksen. Sett inn bilde-koden under den linja du søkte opp. 
  • Forhåndsvis, og lagre.

Midtstille signaturen:

  • Om du vil midtstille signaturen skriver du <center> foran bilde-koden og </center> bak den. Slik:   <center>bildekoden</center>

SMÅ HJERTER I SIDEPANELET




Nå skal jeg forklare hvordan dere får slike hjerter ( ♥ ) ved vær kategori osv i sidespalten. 

Koden for hjertene er:   &#9829;

Du må nå gå inn i "design" så "rediger" og så på "maler". 

For å unngå endeløs leting blandt koder er det lettere å søke. Det gjør dere ved å holde ned ctrl-knappen på tastaturet og samtidig trykke F. Altså ctrl+F.

Det holder ikke å sette inn koden bare en plass. Den må settes inn både for kategorier, arkiv, linker og siste innlegg avhengig av hva dere vil ha hjerte ved. Jeg skal nå forlkare hva dere må søke opp og hvor dere skal sette inn koden for de forskjellige:


For hjerte ved kategorier:

  • Ctrl+F søk på dette: <a href="${CategoryLink}">${CategoryName}</a>
  • Klikk finn neste, og lukk søkeboksen.
  • Da ser dere linja er markert. Sett inn koden så den blir slik: <a href="${CategoryLink}">&#9829;${CategoryName}</a>
  • Da er det hjerte foran hver kategori.

For hjerte ved arkiv:

  • Søk på samme vis på denne linja: <a href="${ArchiveLink}">${ArchiveName}</a>
  • Sett inn koden så linja blir slik: <a href="${ArchiveLink}">&#9829;${ArchiveName}</a>
  • Da er det hjerte foran hvert arkiv.

For hjerte ved "siste innlegg":

  • Søk på samme vis på denne linja: <a href="${EntryPermaLink}">${EntryTitle}</a>
  • Sett inn koden så linja blir slik: <a href="${EntryPermaLink}">&#9829;${EntryTitle}</a>
  • Da er det hjerte foran "siste innlegg".

For hjerte ved linkene:

  • Søk på samme vis på denne linja: <a href="${LinkURL}">${LinkName}</a>
  • Sett inn koden så linja blir slik: <a href="${LinkURL}">&#9829;${LinkName}</a>
  • Da er det hverte foran hver link.

Det finnes jo utallige symboler, ikke bare hjerter. Her er kodene for noen flere symboler (sett de inn slik som med hjerte-koden):

  • Ruter (♦) : &#9830;
  • Kløver (♣) : &#9827;
  • En note (♪) : &#9834;  
  • To noter (♫) : &#9835;

 

17 kommentarer

Silje

28.jun.2009 kl.16:31

Ahh, jeg får ikke til signaturen : (kjempe fin blogg btw :- D

CECILIE

15.jul.2009 kl.17:54

kjempe fin blogg! skjekke innom min? :)

Reni Michelle Johnsen

19.okt.2009 kl.05:06

flotte tips !:) Prøvde den med hjertan i sidepanelet, bare at æ brukte di notan.

Men det funka :) takk takk :)

Anita

19.okt.2009 kl.14:12

Reni Michelle Johnsen: Så utrolig koselig! Bare hyggelig å kunne tipse og hjelpe :D Kul blogg
kossen får me sånn fine underskrifte med navnet mitt ?? på slutten av inlegget :O
av Juliejsh.blogg.no

Anita

18.feb.2010 kl.13:45

Julie Hun som komenter: Koden står i innlegget her, og selve navnet og sånn har jeg laget selv i www.scarpblog.com - TRY IT!

Therese

04.mar.2010 kl.09:46

Kjempeflott forklaring! Tusen takk!

Anita

04.mar.2010 kl.13:48

Bare hyggelig! :D

ClaCha

04.mar.2010 kl.22:00

Utrolig gode tips du har!

Jeg lurer på noe, hvordan får du sort bakgrunn og hvit overskrift over innleggene?

Jeg finner det altså ikke ut, og ser at du har det :) Kunne du vært så snill å beskrevet hvordan man gjør det?? :)

Tusentakk!

Chatrin

18.jul.2010 kl.03:56

hehe, brukte den ene koden der jeg :)

Ken

23.aug.2010 kl.23:24

Savner deg sykt mye........ :( :( :(

Anita

16.sep.2010 kl.19:48

Hadde savnet meg sånn så hadde du vel kommet hit i stedet for og drikke deg full hele tiden? :P

Celine

02.apr.2011 kl.16:53

kul blogg

jeg liker spesielt at datra de heter Celine

det gjør jeg å

marenoglivet

04.jul.2011 kl.21:11

Hei, et tips jeg har brukt timer på å få stillestående bakgrunn, det viste seg at du hadde glemt et mellomromm ;) Her er den som faktisk funker:

BODY {

background-image: url("her skal URL'en til bildet stå");

background-attachment: fixed;

background-position: right bottom;

background-repeat: repeat;

}

VERSÅGOD <3

God bless, no stress ;)

Anita

25.okt.2011 kl.11:29

Celine: Takk! Og du har et veeeldig fint navn vettu :)

Anita

25.okt.2011 kl.11:29

marenoglivet: TAKK :D

Skriv en ny kommentar

Anita

Beina godt planta på jorden. Mulig ikke den salteste nøtta i posen, eller retteste vinkelen i hjørnet, men kanskje heller litt naiv. Bortsett fra det så er man vel snill?! Bloggen vil handle mest om mitt vil som ung alenemor, men også om meg og mitt, det som skjer i hverdagen. Rett og slett mitt liv. Blir veldig glad for en kommentar eller fem, gjør du ikke det blir jeg ikke sint, bare veldig veldig skuffet! :D Svargaranti!!! online akkurat nå

Anita Frøken Gull Jakobsen

Opprett ditt eget merke

BloggeEmner

Arkiv

hits