HTML-KODER

Her er det du kan finne koder p her inne:

  • Midtstill bloggen
  • Smalere blogg
  • Mindre skrift
  • Stillestende bakgrunnsbilde
  • Endre overskriftens strrelse
  • Signatur under innlegg
  • Sm hjerter i sidepanelet



MIDTSTILL BLOGGEN



margin-left: auto;
margin-right: auto;
Denne kodeskal du legge under header, #footer og #wrapper, som du finnernr dugr inn iDesign >Redige>Stilsett.
Den vil da seslik 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 pLagre stilsettog du er ferdig


SMALERE BLOGG


Du m legge til denne koden:
width: 610px;
som du vil finne nr du gr inn iDesign>Rediger>stilsett.

Den skal du sette inn rett under der det str 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 gjr du nyaktig det samme der det str #wrapper og #footer.
Da vil det se ut som dette:
#wrapper {
width: 610px;
background-color: #FFFFFF;
}
#footer {
width: 610px;
background-color: #FFFFFF;
}

Trykk pLagre stilsettog du er ferdig.



MINDRE SKRIFT




Du m skrive inn denne koden-size: 8pt;
som du finner nr du gr inn iDesign>Rediger>Stilsett.

Denskal plasseres slik og vre markert medfetskrift:
#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 pLagre stilsettnr du er ferdig.


STILLESTENDE BAKGRUNNSBILDE



Sett inndette i stilsettet;
g inn iDesign>Rediger>Stilsett,
og da vil bakgrunnen bli stende stille.

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

}

Trykk pLagre stilsettog du er ferdig.


ENDRE OVERSKRIFTENS STRRELSE



Du mfrstfinne /** Entry headers **/ i stilsettet dittsom du finner ved g inn iDesign>Rediger>Stilsett.
Under der str det f.eks font-size: 20px;
For f den strre m dere bare skrive inn et strre tall enn 20.
For f mindre m du skrive inn et mindre tall en 20.



SIGNATUR UNDER INNLEGG




Frst og fremst m du lage deg en signatur. Dette kan du gjre 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 vrt med i et innlegg.
  • Klikk deretter p "html av/p" nede i hyre hjrne. 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 skelinjen: <div class="content">${EntryBody}</div>
  • Klikk "finn neste" og lukk boksen. Sett inn bilde-koden under den linja du skte opp.
  • Forhndsvis, 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 fr slike hjerter ( ♥ ) ved vr kategori osv i sidespalten.

Koden for hjertene er: &#9829;

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

For unng endels leting blandt koder er det lettere ske. Det gjr dere ved holde ned ctrl-knappen p tastaturet og samtidig trykke F. Altsctrl+F.

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


For hjerte ved kategorier:

  • Ctrl+F sk p dette: <a href="${CategoryLink}">${CategoryName}</a>
  • Klikk finn neste, og lukk skeboksen.
  • 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:

  • Sk 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":

  • Sk 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:

  • Sk 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;
  • Klver (♣) : &#9827;
  • En note (♪) : &#9834;
  • To noter (♫) : &#9835;

 

17 kommentarer

Silje

28.jun.2009 kl.16:31

Ahh, jeg fr 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 !:) Prvde 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 fr me snn 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 str i innlegget her, og selve navnet og snn 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 fr du sort bakgrunn og hvit overskrift over innleggene?

Jeg finner det alts ikke ut, og ser at du har det :) Kunne du vrt s snill beskrevet hvordan man gjr 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 snn 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 gjr jeg

marenoglivet

04.jul.2011 kl.21:11

Hei, et tips jeg har brukt timer p f stillestende 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;

}

VERSGOD <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 ntta i posen, eller retteste vinkelen i hjrnet, 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, gjr du ikke det blir jeg ikke sint, bare veldig veldig skuffet! :D Svargaranti!!! online akkurat n

Anita Frken Gull Jakobsen

Opprett ditt eget merke

BloggeEmner

Arkiv

hits