Home Om oss Twilight Justin Bieber Fan mail HTML-koder

HTML-koder!

CTRL + C = Kopier
CTRL + V = Lim inn
CTRL + F = Søk
CTRL + A = Merk alt


Midtstille bloggen din:
Design -> Rediger -> Stilsett

Koden:
margin-left: auto;
margin-right: auto;

Her skal den ligge:
Du skal lime inn koden nederst under #header, #wrapper og #footer

Sånn skal det se ut:
#header {
background-color: #FFFFFF;
height: 236px;
margin-left: auto;
margin-right: auto;

}
#wrapper {
background-color: #FFEFFC;
margin-left: auto;
margin-right: auto;

}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;



Farge bak overskriftene:

Design -> Rediger -> Stilsett

Koden:
h2 {
cursor:default;
background-color: #d6d6d6;
color: #ffffff;
font-size:14pt;
font-family:tahoma;
letter-spacing:1px;
line-height:11pt;
text-align: left;
padding: 1px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid #ffffff;
margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;


Her skal den ligge:
Helt nederst i stilsettet ditt


Fjerne blogg.no under headeren:

Design -> Rediger -> Maler
Husk å gjøre det samme på alle fire malene

Koden:
Hold inne CTRL + F og søk på blogg.no, og let etter denne linjen:
<div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>
Denne skal du bare fjerne, så skal det være borte. Husk å forhodsvis sånn at du ser at alt er riktig.


Regulere bredden på bloggen:
Design-> Rediger -> Stilsett

Koden:
Width: 800px;

Her skal den ligge:
Du skal lime inn koden under #header, #wrapper og #footer

Sånn skal det se ut:
}
#header {
background-color: #FFFFFF;
background-image: url('http://i39.tinypic.com/2hp0nsi.png');
height: 335px;
background-repeat: repeat;
width: 560px;
}
#wrapper {
background-color: #FFFFFF;
width: 800px;
font-size: 8pt;
}
#footer {
background-color: #FFFFFF;
width: 800px;
}


Få mindre skrift i innleggene dine:

Design -> Rediger -> Stilsett

Koden:
For å få større skrift skriver du ett høyere tall, og for å få mindre skrift skriver du ett mindre tall.
font-size: 11pt;

Her skal den ligge:
Koden skal ligge under #wrapper

Sånn skal det se ut:
#wrapper {
font-size: 11px;
background-repeat: repeat;
background-image: url('http://i46.tinypic.com/2mq5729.png');


Mellomrom over headeren:
Design -> Rediger -> Maler

Koden:
<br>

Her skal du legge inn koden:
Hold inne CTRL + F og søk etter <div id="doc2">

Sånn skal det se ut:
<div id="doc2"><br>
Om du ikke synes mellomrommet er stort nok nå, limer du bare inn <br> litt flere ganger rett bak hverandre.


Mellomrom under headeren:

Design -> Rediger -> Stilsett

Koden:
margin: 0px 0px 11px 0px;
Om du vil ha større mellomrom endrer du bare 11px til et større tall, og om du vil ha mindre mellomrom skriver du et lavere tall.

Her skal du legge inn koden:
Under #header i stilsettet ditt.

Sånn skal det se ut:
}
#header {
background-color: #cccccc;
background-image: url('http://i39.tinypic.com/2hp0nsi.png');
height: 359px;
background-repeat: repeat;
margin: 0px 0px 11px 0px;
}


Ramme rundt hvert innlegg:
Design -> Rediger -> Stilsett

Koden:
}
.entry {
border: 1px solid #708090;
background: #FFFFFF;
text-align: center;
}


Her skal du legge inn koden:
Helt nederst i stilsettet ditt.


Mellomrom mellom bokstaver i linker når musepekeren kommer over:

Design -> Rediger -> Stilsett

Koden:
}
a:link {color: #000000;}
a:visited {color: #000000;}
a:hover {letter-spacing:2px}
a:active {color: #000000;}

}

Her skal du legge inn koden:
Helt nederst i stilsettet ditt


Annen farge på linkene når musepekeren kommer over:
Design -> Rediger -> Stilsett

Koden:
}
a:link {color: #000000;}
a:visited {color: #000000;}
a:hover {color: #FFFFFF;}
a:active {color: #000000;}

}

Her skal du legge inn koden:

Helt nederst i stilsettet ditt.


Bytte side på menyen/sidebaren:

Design -> Rediger -> Stilsett

Koden:
}
#main {
float: right;
}
#side {
float: left;
}


Her skal du legge inn koden:
Under #wrapper i stilsettet ditt.

Sånn skal det se ut:
#wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#main {
float: right;
}
#side {
float: left;
}
#footer {
background-color: #FFFFFF;
border: 2px dotted #000000;


Endre "x-antall kommentarer":

Design -> Rediger -> Maler

Koden:
Dette er koden du skal bruke for å endre fra "13 kommentarer" til f.eks "13 engler"
Hold inne CTRL + F og søk etter <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>

Sånn skal du gjøre:
Du skal endre litt på koden sånn at den i mitt tilfelle hadde sett sånn ut:
<a href="${EntryPermaLink}#comment">${EntryCommentCount} engler</a>

Du må huske at det står antall kommentarer både over og under et innlegg, så du må huske å søke på den samme linjen to ganger i hver mal. Og husk å gjøre det samme i alle de fire malene.


Fjerne ting fra menyen/sidebaren:

Design -> Rediger -> Maler

Koden:
Denne koden skal du ikke legge til, du skal fjerne den.
Trykk på CTRL + F og søk på f.eks "siste kommentarer" eller "Arkiv", og finn denne koden.
 <h3>Siste kommentarer</h>
 <ul>
 <tag:commentlist global="true" limit="10" sort="desc">
 <li>${CommentAuthorLinkIf} om ${CommentArticleLink}</li>
 </tag:commentlist>
 </ul>
 </div>

Ta bort denne koden, og vips, så er det unødvendige borte!


Bakgrunn som står fast når du scroller:
Design -> Rediger -> Stilsett

Koden:
background-attachment:fixed;


Her skal du legge inn koden:
For at bakgrunnen skal stå fast skal du legge inn koden under #wrapper.
For at headeren skal stå fast skal de legge inn koden under #header.


Se hele innlegg i arkiv og kategorier:
1. Design -> Rediger -> Maler -> Kategori
2. Design -> Rediger -> Maler -> Arkiv


På desse to malene skal du finne linjen <tag:entrylist limit="1000" maxchars="200"> .
For å få hele innleggene til å vise i Arkiv og Kategorier skal du fjerne maxchars="200">, sånn at det ser sånn ut: <tag:entrylist limit="1000"

Husk å gjøre det på kategori-malen og på arkiv-malen.


Fjerne reklamen fra google i sidemenyen (den hvite firkanten)
Design->Rediger->Maler

Koden:
Du skal søke opp (CTRL+F) denne her koden her </tag:profile> og fjerne den. Enkelt og greit! Husk å gjøre det samme i alle fire malene.


Større overskrift over innleggene
Design -> Rediger -> Maler -> Enkeltinnlegg

Koden du skal endre:
<h4>${CommentAuthorLinkIf}</h4>

Dette skal du gjøre:
Trykk på CTRL + F og søk etter h4. Når du har funnet linjen som står over her skal du endre h4 til h1.

Sånn skal det se ut:
<h1>${CommentAuthorLinkIf}</h1>

2 kommentarer

Camilla

31.des.2009 kl.15:22

sv: hmm.. det var rart, er den koden jeg har brukt :s

susann95

31.des.2009 kl.15:50

Kjempebra forklart ogsånn, jeg har brukt mange av de kodene der :- D

Skriv en ny kommentar

bloodsuckers

bloodsuckers

14, Lillehammer

Vi er tre jenter som heter Ingrid, Susann og Hanna! Vi blogger for det meste om Twilight, men om noe annet også! Hvis det er noe du lurer på eller noe du vil si oss, send en mail til leanda_landane@hotmail.com

Norske blogger Blogglisten Top Twilight Blogs

Kategorier

Arkiv

hits