februar 2010

Andre applikasjoner !

- HVORDAN FÅR JEG YOUTUBE-VIDEOER I INNLEGGENE ?

Gå inn på youtube og finn den videoen du vil ha på innlegget ditt.

Kopier koden som står i "EMBED" boksen under videoen til høyre.

Gå inn i innlegget du skriver og trykk på knappen med "HTML".

Lim in koden og trykk på oppdater,

da får du en boks opp - det er videoen som blir vist når du poster.


- HVORDAN SER JEG HVOR MANGE SOM LESER BLOGGEN MIN AKKURAT NÅ ?

Koden:
<!-- Start FastOnlineUsers.com --> <a href="http://www.fastonlineusers.com"> <script type="text/javascript" src=http://fastonlineusers.com/on4.php?d=LINK TIL DIN BLOGG HER!!! mce_src=http://fastonlineusers.com/on4.php?d=LINK TIL DIN BLOGG HER!!!></script> </a> leser denne bloggen NÅ</a> <!-- End FastOnlineUsers.com --></div>

Hvor legger jeg den inn?
Endre profil - > Beskrivelse
I ruten for beskrivelse skal du lime inn koden, og du må huske på å legge inn linken til bloggen din. :)

- HVORDAN FÅR JEG GOOGLE OVERSETTER PÅ BLOGGEN MIN ?

Først går du inn på; http://translate.google.com/translate_tools?hl=no
Der henter du koden.

Hvor skal jeg legge den inn?
Design -> Rediger -> Maler

Når du er inne på Maler, så trykker du på CTRL + F tastene. Der skal du søke på "sidebar". Under der, skal du lime inn koden du hentet på nettsiden. Og så er det bare å lagre malen.

- HVORDAN FÅR JEG SHOUTBOX/SNAKKEBOKS PÅ BLOGGEN MIN ?

Du trykker øverst der det står: ShoutMix Chat. Da kommer det opp et nytt vindu. Nå skal du trykke på 'CREATE YOUR SHOUTBOX NOW'. Deretter skriver du inn informasjon osv, du skjønner det nok. :)

Hvor skal jeg legge inn koden?
Design -> Rediger -> Maler.
Trykk CTRL + F på tastaturet ditt, og søk på 'sidebar'. Under der legger du inn koden.
Nå er det bare å trykke på Lagre Malen og da skal den ligge på framsiden av bloggen din.

Effekter !

- HVORDAN FORANDRE LINKER NÅR MAN TAR MUSA OVER !

Gå inn på DESIGN - REDIGER - STILSETT og søk etter:
a { color: #FF69B4}
a:link { color: #FF69B4}
a:visited { color: #FF69B4}
a:active { color: #FF69B4}
a:hover { color:#FF0099}

-----------
ENDRE FARGE PÅ LINK

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

---------------
STREK PÅ MIDTEN AV LINK

a { color: #FFFFF}
a:link { color: #FFFFFF}
a:visited { color: #FF6FFF}
a:active { color: #FFFFFF}
a:hover {text-decoration: line-through;}

--------------
STREK UNDER LINK

a { color: #FFFFFF}
a:link { color: #FFFFFF}
a:visited { color: #FFFFFF}
a:active { color: #FFFFFF}
a:hover {text-decoration: underline;}

-----------------
RAMME RUNDT LINK

a { color: #FFFFFFF}
a:link { color: #FFFFFF}
a:visited { color: #FF6FFF}
a:active { color: #FFFFFF}
a:hover {border:#000000 1px solid;}

----------------
LINJER PÅ SIDEN AV LINKEN


a { color: #FFFFFF}
a:link { color: #FFFFFF}
a:visited { color: #FFFFFF}
a:active { color: #FFFFFF}
a:hover{color: #9797B0;text-decoration:none; border-left:solid 1px; border-right:solid 1px;}

---------------

LINJE OVER OG UNDER LINK

a { color: #FFFFFF}
a:link { color: #FFFFFF}
a:visited { color: #FFFFF}
a:active { color: #FFFFFF}
a:hover {COLOR:#000000; TEXT-DECORATION:underline overline}


-HVORDAN FÅR JEG SNØ DALENDE NED PÅ BLOGGEN ?

For å få dalende snø over bloggen din (passende til jul)
Lim inn denne koden på toppen av html redigeringen:

<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript">

Kommentarer !

- HVORDAN ENDRER JEG NAVN PÅ "SEND KOMMENTAR-KNAPPEN" ?

Gå inn på desig-rediger-html og søk etter (CTRL + F)  ordene: Send kommentar

Du vil da få opp denne koden:


<input id="comment_submit" class="submit" type="submit" name="submit" value="Send kommentar" />
Skriv det du måtte ønske under "Skiv kommentar" :)



- HVORDAN ENDRE X-ANTALL KOMMENTARER ?

Vil du at for eksempel at det skal stå "x søte små" istedenfor "x kommentarer", så gjør du dette:
Design -> Rediger -> Maler

- Trykk på CTRL + F tasten på tastaturet.
- Søk på "comment".
- Der skal det stå: " <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a> "
- Det du skal gjøre er å endre litt på koden slik:
<a href="${EntryPermaLink}#comment">${EntryCommentCount} søte små</a>

- HVORDAN FÅ ET LITE TEGN VED SIDEN AV "KOMMENTAR" OSV...


Kode:
<img src="http://i43.tinypic.com/2crm3qu.gif">

Hvor skal jeg legge den inn?
Design -> Rediger -> Maler.
Trykk på CTRL + F. Søk på Kommentarer. Når du har funnet en linje som dette; <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
Så skal du legge inn koden bak. Slik at det ser ut som dette:
<img src="
http://i43.tinypic.com/2crm3qu.gif"><a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
Trykk Lagre malen, og da skal det være et lite bilde bak "Kommentarer".

-----

Det samme gjør du, hvis du vil ha bilde attmed dato...

Du bruker da denne koden; <img src="URL-adressen til bildet">
For å finne Url-adressen til et bilde gjør du ved å høyreklikke eller laste opp bildet på tinypic.
Og så må du inn på Maler for å legge inn koden.

Innlegg

- ENDRE BAKGRUNN PÅ OVERSKRIFTENE !

Koden:
h2 {
cursor:default;
background-color: #000000; <- Her endrer du bakgrunnsfarge..
color: #16CC16;
font-size:9pt;
font-family:tahoma;
letter-spacing:1px;
line-height:13pt;
text-align: center;
padding: 1px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid #16CC16;
margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;

Hvor legger jeg den inn?
Den skal du lime inn nederst i stilsettet ditt.

Og så er det bare og lagre stilsettet.


- HVORDAN FÅR JEG STØRRE SKRIFT PÅ TEKSTEN I INNLEGGENE MINE ?

Slik gjør du det:
Design -> Rediger -> Maler -> Enkeltinnlegg
Trykk på ctrl + f, søk på h4. Da skal du finne denne linja; <h4>${CommentAuthorLinkIf}</h4>
Istedet for at det står <h4>, endrer du 4-tallet til 1.

Slik skal det se ut:
<h1>${CommentAuthorLinkIf}</h1>

Trykk lagre malen, og da er navnene på innleggene større.



- HVORDAN HINDRER JEG FOLK I Å STJELE BILDENE MINE?

Du kan få en "copycat" luke til å dukke opp hver gang noen høyreklikker på siden din med å lime inn:
<script language="JavaScript">
// distributed by http://hypergurl.com
<!--
var popup="COPY CAT!"
function noway(go) {
if (document.all) {
if (event.button == 2) {
alert(popup);
return false;
}
}
if (document.layers) {
if (go.which == 3) {
alert(popup);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=noway;
// --> </script>

Hvor legger jeg den inn? Nederst i Maler

Fjerne !

- HVORDAN FJERNER JEG "SISTE KOMMENTAR", "ARKIV" OSV... PÅ SIDELINJEN?

Gå til  design - Rediger og Maler 
Søk (CTRL+F) etter  'siste kommentarer' . Da får du dette opp:
<h3>Siste kommentarer</h>
  <ul>
  <tag:commentlist global="true" limit="10" sort="desc">
  <li>${CommentAuthorLinkIf} om ${CommentArticleLink}</li>
  </tag:commentlist>
  </ul>
  </div>
Slett koden og søk etter de andre tingene du også vil fjerne.


- HVORDAN FJERNER JEG LINKENE UNDER HEADEREN ?

Slik gjør du det:
Design -> Rediger -> Maler.
Ctrl + f. Søk på blogg.no, så skal du lete etter linjen;
<div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>
Denne skal du fjerne altså.
Etter du har tatt bort den, så skal du lagre malen, og da skal linken under headeren være borte.


- HVORDAN FJERNER JEG RAMMEN RUNDT PROFILBILDET ?

Koden du skal bruke:
<img style="float: left; border: 0;" src="URL-ADRESSEN TIL BILDET DITT" height="200">

Forklaring:
200 = der kan du velge hvor stort bildet skal være.
URL = Der skal du sette inn adressen for profilbildet ditt.

Hvor skal jeg legge inn koden?
Design -> Rediger -> Maler.
Søk (ctrl + f) på "profile".

Slik skal det ca. se ut:
       <div id="profile" class="clearfix">
        <div>
         <a href="${ProfileUrl}" title="${ProfileName}">
        
  <img style="float: left; border: 0;" src="URL-ADRESSEN TIL BILDET DITT" height="200">
         </a>
        </div>

Trykk lagre malen, og da skal den blå rammen være borte rundt profilbildet.


Design !

- HVORDAN ENDRER JEG ANTALL INNLEGG PÅ BLOGGFORSIDEN?

Dersom du vil justere hvor mange innlegg som vises på bloggen din:
 
Gå du inn på Design-> Rediger -> Forside

Søk ( Ctrl+F) etter koden <tag:entrylist limit="30">

Skriv inn det tallet som står der med antall poster
 du vil ha på forsiden av bloggen din!



- HVORDAN MIDTSTILLER JEG BLOGGEN ?

Koden du skal bruke
:
margin-left: auto;
margin-right: auto;

Hvor legger jeg den inn?
Den skal du legge inn under #header, #wrapper og #footer.

Slik 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;


- HVORDAN BLIR BLOGGEN SMALERE ?

Koden:
width: 610px;

Hvor legger jeg den inn?
Du legger den under #header, #wrapper og #footer.

Slik skal det se ut da:
#header {
background-color: #FFFFFF;
height: 236px;
margin-left: auto;
margin-right: auto;
width: 700px;
}
#wrapper {
background-color: #FFEFFC;
margin-left: auto;
margin-right: auto;
width: 700px;
}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
width: 700px;
}

Nå er det bare å endre tallet til hva du måtte ønske. 600px eller kanskje 800px. Du bestemmer.

- HVORDAN FÅR JEG RAMME RUNDT HELE BLOGGEN?

Koden:
border: 8px solid #000000;

Hvor skal jeg legge den inn?
Helt øverst i stilsettet.

Slik skal det se ut;
body {
background-color: #FFFFFF;
font-family: times new roman;
border: 8px solid #000000;
}

- HVORDAN FÅR JEG STØRRE PROFILBILDE?

Koden du skal bruke er:
<img src="PICTURE URL" height="100">

Forklaring:
Picture url skjønner du sikkert. Der du skal legge inn linken til bildet ditt.
100, der kan du sette inn et tall, og det bestemmer hvor stort bildet ditt blir.

Slik gjør du det:
Design -> Rediger -> Maler.
Her skal du finne <img src="${ProfileImageUrl}" alt="${ProfileName}" />.
Så du kan for eksempel søke (CTRL + F) på 'profilename'. Du skal deretter bytte ut (<img src="${ProfileImageUrl}" alt="${ProfileName}" />) med koden; <img src="PICTURE URL" height="100">.
Du kan bare laste opp bildet hvis du går på Design.. Så bare laster du det opp, og kopierer linken når du har lastet det opp, så lagrer du ikke etter du har lastet opp bildet..
Nå trykker du på Lagre Malen og da skal bildet ditt være større.

MENY !

- HVORDAN VENSTRESTILLER JEG MENYEN/SIDELINJEN?

Gå inn i Design>Rediger>Stilsett og bruk koden under:

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

float: left;


 

Du limer den inn under "MAIN":

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

float: left;

background-color: #FFEFEF;

background-attachment: fixed;background-position: right bottom;
background-repeat: repeat; 
margin-left: auto;
margin-right: auto;
 font-size: 10pt;

}



- HVORDAN MIDTSTILLER JEG MENYEN UNDER HEADEREN?

Koden du skal bruke:

margin: 0px 0px 10px 0px;

Hvor skal jeg legge den inn?
Design -> Rediger
Koden skal du legge inn under header.

Det skal ca. se slik ut:
#header {
background-color: #FFFFFF;
background-image: url(url-adressen til bildet);
background-repeat: no-repeat;
height: 420px;
width: 800px;
margin: 0px 0px 10px 0px;

Hvis du vil ha større eller mindre mellomrom, så endrer du tallet der hvor det står 10.


MIDSTILLE MENY:

Du går inn på Maler. Og så setter du inn dette; <center> </center>

Slik skal det ca. se ut:
<center>KODEN TIL MENYEN SKAL STÅ I MELLOM HER</center>



- HVORDAN FÅR JEG MENY UNDER HEADEREN?

For å plassere denne må du først:
Gå inn på Design -> Rediger -> Maler. Deretter trykker du Ctrl + F (samtidig) og skriver inn BlogDescription å trykker på Enter. Rett under BlogDescription står det </div>, under </div> er hvor du skal plassere koden:

<div class="mattblacktabs">
<ul>
<li><a href="URL-ADRESSE">NAVN PÅ KNAPPEN</a></li>
<li><a href="ULR-ADRESSE">NAVN PÅ KNAPPEN</a></li>
<li><a href="URL-ADRESSE">NAVN PÅ KNAPPEN</a></li>
<li><a href="URL-ADRESSE">NAVN PÅ KNAPPEN</a></li>
<li><a href="URL-ADRESSE">NAVN PÅ KNAPPEN</a></li>
</ul>
</div>


Der det står "linken din" plasserer du linken til de forskjellige innleggene.

Skal du ha f.eks 1 til knapp så føyer du på denne:
<li><a href="URL-ADRESSE">NAVN PÅ KNAPPEN</a></li>
Du skriver navnet du vil ha på "knappen" der det står Navn på knappen.
Når du har plassert den koden må du ta og plassere denne NEDERST inne på Maler.

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

</style>


Så til slutt lagrer du, så klart. Å har du gjort alt rett skal menyen være OK.

Til dere som ikke får noe resultat av dette:
Om dere har gjort alt riktigt så SKAL det virke. Men jeg viser til at det kan hende det ikke virker i en annen nettleser enn Internet Explorer.




- STØRRE OG MINDRE SKRIFT PÅ INLEGG ELLER ARKIV/KATEGORI OVERSKRIFTER


STØRRE/MINDRE SKRIFT PÅ ARKIV / KATEGORI OSV

Hvordan gjør jeg dette?

Design -> Rediger -> Maler.
Søk (CTRL + F) på 'arkiv'. Når du finner denne; <h3>Arkiv</h3>. så kan du istedenfor h3, skrive h1.
Det samme gjør du med Kategorier, Arkiv, Siste innlegg, Siste kommentarer og Lenker.
Nå trykker du på Lagre Malen og da skal overskriftene være større.




MINDRE/STØRRE SKRIFT PÅ INNLEGGENE DINE

Koden du skal bruke:
font-size: 10pt;

Hvor skal jeg legge den inn?
Den skal du legge inn under wrapper.

Slik for eks. skal det se ut;
#wrapper{
background-color: #FFFFFF;
font-size: 10pt;
}

Det eneste du trenger å gjøre nå er å endre tall, vil du ha større skrift skriver du for eksempel 12, eller kanskje du vil ha mindre skrift, så skriver du 8...


- HVORDAN FÅR JEG SMÅ "BOKSER" PÅ SIDEMENYEN?

For å få små "bokser" på sidemenyen må du legge inn flere tabeller.

Du kan foreksempel legge den inn i profilteksten din. Da limer du inn denne koden:

<table border="1" style="width: 195px; height: 230px; background-color: #fefcfe; border: #000000 1px solid"><tbody><tr><td> DIN TEKST HER </td></tr></tbody></table><br />

Hvis du vil ha flere forskjellige bokser limer du bare inn koden flere ganger og skriver forskjellig i hver boks.


JUSTERE BOKSEN:

Border betyr ramme, så for å få tykkere og smalere ramme forandrer du tallet i border: #000000 1px solid
For å forandre størrelse foranderer du på tallene i widht="195px; og "height: 230px;
For å forandre bakrunsfarge, forandrer du fargekoden i background-color: #fefcfe

Header og Bakgrunn !

- SKIFTE HEADER UTEN Å ØDELEGGE DESIGNET JEG HAR LAGET !

Når du har laget et design kan du ikke laste opp header slik du gjorde første gang, da forsvinner nemlig hele designet du har laget...



Last opp bilde til den headeren du ønsker på internett og kopier url (adressen) til headeren.

Gå deretter inn på stilsettet ditt og finn:

#header {
background-image: url(HER LIMER DU INN ADRESSEN TIL DIN NYE HEADER);
background-repeat: no-repeat;
height: 100px;
width: 800px;
}



- HVORDAN FÅR JEG EN BAKGRUNN SOM STÅR "FAST"?

Koden:

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

Hvor legger jeg den inn?
Den skal du lime inn øverst i stilsettet.


- HVORDAN FÅR JEG HEADEREN PÅ PLASS "DER OPPE?

Koden du skal bruke er:

#header {
background-image: url(http://www.settinnlenkeher.jpg);
background-repeat: no-repeat;
height: 100px;
width: 800px;
}

Hvor skal jeg legge den inn?
Design -> Rediger
Så limer du bare inn koden i stilsettet ditt.



HVORDAN FÅR JEG MELLOMROM MELLOM HEADEREN OG BLOGGEN?

Koden du skal bruke:

margin: 0px 0px 10px 0px;

Hvor skal jeg legge den inn?
Design -> Rediger
Koden skal du legge inn under header.

Det skal ca. se slik ut:
#header {
background-color: #FFFFFF;
background-image: url(url-adressen til bildet);
background-repeat: no-repeat;
height: 420px;
width: 800px;
margin: 0px 0px 10px 0px;

Hvis du vil ha større eller mindre mellomrom, så endrer du tallet der hvor det står 10.


HVORDAN FÅR JEG MELLOMROM MELLOM HEADEREN OG BLOGGTOPPEN?


Koden du skal bruke:
<br>

Hvor skal jeg legge inn koden?
Design -> Rediger -> Maler.
Søk etter 'doc2'. Eller bla litt ned til du ser denne linja; <div id="doc2">
Det du skal gjøre er å lime inn koden etter dette.

Slik skal det se ut:
<div id="doc2"><br>

(Du limer inn koden så mange gang du vil, spørs hvor stort mellomrom du vil ha.. Det er bare å prøve seg frem).
Det samme må du gjøre med Kategori, Arkiv og Enkeltinnlegg

HTML - Design hjelp !

Hei !

Hvis du vil at jeg skal lage et design for deg på bloggen, send en mail til: kathrinee95.blogg@hotmail.com men skriv kommentar under også, slik at jeg vet det. For hender jeg glemmer å sjekke mailen min.
Viktig: Jeg lager ikke headere enda, må øve mer først... Så du må sende meg en eller helst fler headere i samme mail som skjemaet.
Da må du fylle ut dette skjemaet:
Bloggadresse:
Farger du ønsker: feks. lilla og grå
Andre ønsker: meny under header(hva skal det stå på knappene?), bilder i sidemenyen, mellomrom mellom innlegg og sidemenyen, hva du vil ha i sidemenyen, osv...
Bilder: Husk å sende bildene du vil ha i sidemenyen, om deg, header/e osv...
Er det andre ønsker du har, bare skriv det inn!
Tar en liten pause fra dette nå. Har ikke tid til å lage design for tiden...


NYTTIGE KODER:
CTRL + A = Merk alt
CTRL + C = Kopier 
CTRL + V = Lim inn
CTRL + F = Søk
<br>                                                                                  mellomrom
<b> Tekst </b>                                                                blir fet tekst
<i> Tekst </i>                                                                  kursiv
<u> Tekst </u>                                                                blir understreket
<s> Tekst </s>                                                                streket over
<center> BILDE ELLER TEKST </center>                 midtstille bilde eller tekst
<font face="TEKST-TYPE">tekst</font>                     tekst type (eksempel "times new roman"
<font size="1-6">tekst</font>                                       størrelse på tekst
<font color="NAVN PÅ FARGE">tekst</font>             farge på tekst


BAKGRUNNER

striper




mønster



MELLOMROM MELLOM HEADER OG SIDEMENYEN!

Koden:
#side {
width: 150px;  
font-size: 9pt;       
border-left-width: 18px;   
border-left-style: solid;    
border-left-color: #CCCCFF

Hvor legger jeg den?
Du legger den inn i stilsettet ditt.


RAMME RUNDT BLOGGEN!

Koden:
border: 2px solid #000000;

Hvor legger jeg den?
Du legger den i stilsettet, under #wrapper og #footer

Slik vil det se ut:
#wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#footer {
background-color: #FFFFFF;
border: 2px dotted #000000;


MENYEN FRA HØYRE TIL VENSTRE!

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

Hvor legger jeg den?
Du legger den inn i stilsettet ditt, under #wrapper.

Slik vil det se ut:
#wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#main {
float: right;
}
#side {
float: left;
}


MIDTSTILLE BLOGGEN DIN!

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

Hvor legger jeg den?
Du legger den inn i stilsettet ditt, under #header, #wrapper og #footer

Slik vil det se ut:
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;


SMALERE BLOGG!

Koden:
width: 700px;

Hvor legger jeg den inn:
Du legger den inn i stilsettet ditt, under #header, #footer og #wrapper

Slik vil det se ut:
#header {
background-color: #FFFFFF;
height: 236px;
margin-left: auto;
margin-right: auto;
width: 700px;
}
#wrapper {
background-color: #FFEFFC;
margin-left: auto;
margin-right: auto;
width: 700px;
}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
width: 700px;
}


BAKGRUNNSBILDE SOM "STÅR FAST"!

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

Hvor legger jeg den?
Legg koden inn helt øverst i stilsettet.


ENDRE X-ANTALL KOMMENTARER!

Slik gjør du:
Gå på Design -> Rediger -> Maler
Trykk på CTRL+F og søk etter "comment"
Finn denne linjen: <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
Da kan du endre på "kommentarer" og skrive "søte små" istede.


ENDRE BAKGRUNN FOR OVERSKRIFTER!

Koden:
h2 {
cursor:default;
background-color: #000000;
color: #16CC16;
font-size:9pt;                               
font-family:tahoma;                   
letter-spacing:1px;
line-height:13pt;
text-align: center;
padding: 1px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid #16CC16;
margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;

Hvor legger jeg den?
Helt nederst i stilsettet.

Du kan endre farge der det står #000000 og #16CC16


ENDRE BAKGRUNN PÅ "ARKIV", "SISTE KOMMENTARER", "KATEGORIER" PÅ SIDEMENYEN!

Koden:
h3 {
cursor:default;
background-color: #000000;
color: #16CC16;                        
font-size:9pt;                               
font-family:tahoma;                   
letter-spacing:1px;
line-height:13pt;
text-align: center;
padding: 1px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid #16CC16;
margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;

Hvor legger jeg den?
Helt nederst i stilsettet ditt.


GOOGLE OVERSETTER PÅ DIN BLOGG!

Koden:
http://translate.google.com/translate_tools?hl=no  Hent koden der!

Hvor legger jeg den?
Gå inn på Rediger -> Maler

Trykk CTRL+F og søk på "sidebar". Legg koden under der.


ENDRE NAVN PÅ "SEND KOMMENTAR" - KNAPPEN!

Slik gjør du:
Gå inn på Rediger -> Maler, og finn "innlegg" helt øverst.
Trykk CTRL+F og søk etter "Send kommentar"
Da er det bare å endre "send kommentar", og skrive noe annet.


STØRRE OVERSKRIFT!

Slik gjør du:
Gå inn på Rediger -> Maler.
Trykk CTRL+F og søk etter "arkiv".
Finn så denne linjen: <h3>arkiv</h3>
Da er det bare å endre tallet 3 til et større/mindre, og prøve seg fram.


MINDRE/STØRRE SKRIFT PÅ INNLEGGENE DINE!

Koden:
font-size: 10pt;

Hvor legger jeg den?
Gå inn på stilsett, og legg den under #wrapper

Slik vil det se ut:
#wrapper{
background-color: #FFFFFF;
font-size: 10pt;
}


FÅ BORT LINKEN (BLOGG.NO) UNDER HEADEREN!

Slik gjør du:
Gå på Rediger -> Maler.
Trykk CTRL+F og søk etter "blogg.no" og finn denne linjen:
<div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>
Da kan du bare fjerne linjen.


RAMME RUNDT HVERT INNLEGG!

Koden:

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

Hvor skal jeg legge den?
Helt nederst i stilsettet.


MENY UNDER HEADEREN!

Koden:
}
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.underlinemenu{
font-weight: bold;
width: 100%;
}
.underlinemenu ul{
padding: 6px 0 10px 0;
margin: 0;
text-align: center;
}
.underlinemenu ul li{
display: inline;
}
.underlinemenu ul li a{
color: black;
padding: 6px 3px 4px 3px;
margin-right: 20px;
text-decoration: none;
border-bottom: 3px solid grey;
}
.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: black;
}
</style>


Hvor skal jeg legge den?
Legg koden nederst i stilsettet ditt.

Gå deretter på Rediger -> Maler
Trykk CTRL+F og søk på "wrapper", finn så denne linjen:
<div id="wrapper" class="yui-gc">

Legg så denne koden under:
<div class="underlinemenu">
<ul>
<li><a href="
LINK TIL INNLEGGET DITT ">NAVN PÅ KNAPP</a></li>
<li><a href="
LINK TIL INNLEGGET DITT ">NAVN PÅ KNAPP</a></li>
<li><a href="
LINK TIL INNLEGGET DITT ">NAVN PÅ KNAPP</a></li>
<li><a href="
LINK TIL INNLEGGET DITT ">NAVN PÅ KNAPP</a></li>
<li><a href="
LINK TIL INNLEGGET DITT ">NAVN PÅ KNAPP</a></li>
</ul>
</div>

Hvordan får jeg noe innpå knappene?
Du må lage et innlegg om det. Du kan ikke slette det etterpå. Men etter fler innlegg, blir det på en måte borte.


MELLOMROM MELLOM HEADER OG BLOGG!

Koden:
margin: 0px 0px 10px 0px;

Hvor skal jeg legge den?
Gå inn på stilsettet ditt, og legg den under #header

Slik vil det se ut:
#header {
background-color: #FFFFFF;
background-image: url(URL-ADRESSE TIL BILDET/HEADER);
background-repeat: no-repeat;
height: 420px;
width: 800px;
margin: 0px 0px 10px 0px;


FÅ BORT RAMMEN RUNDT PROFILBILDET DITT!

Koden:
<img style="float: left; border: 0;" src="URL-ADRESSEN TIL BILDET DITT" height="200">

Hvor skal jeg legge den?
Rediger -> Maler
Skriv CTRL+F og søk etter "profilename", finn denne linjen:
 <a href="${ProfileUrl}" title="${ProfileName}">
Legg koden under der.


FJERN "SISTE KOMMENTARER", "ARKIV" OSV... PÅ SIDEMENYEN!

Slik gjør du:
Gå på Rediger -> Maler.
Trykk CTRL+F og søk etter "Siste kommentarer", "arkiv", og det du vil ha vekk.
<h3>Siste kommentarer</h>
  <ul>
  <tag:commentlist global="true" limit="10" sort="desc">
  <li>${CommentAuthorLinkIf} om ${CommentArticleLink}</li>
  </tag:commentlist>
  </ul>
  </div>


Da fjerner du alt det. Det samme gjør du med "arkiv" osv...


SKRIFT OVER KOMMENTARBOKSEN!

Slik gjør du:
Gå på Rediger -> Maler -> Innlegg
Trykk CTRL+F og søk etter "newcomment", da skal du finne denne linjen:
<div id="newcomment" class="clearfix">
Da skriver du det du vil ha, under denne linjen.

Hvis du vil ha fet tekst, kursiv eller streket under, leser du øverst i kodene mine. Så finner du det.


SKIFTE HEADER, UTEN Å ØDELEGGE DESIGNET!

Slik gjør du:
Last opp bildet du vil ha på "Design", der du lastet den opp første gangen.
Da kopierer du linken til bildet, og går ut fra det. Ikke lagre!
Gå innpå stilsettet ditt, og se under #header, og finn dette:
background-image: url(HER LIMER DU INN ADRESSEN TIL DIN NYE HEADER);

Da limer du inn linken til headeren din, inni der det står (HER LIMER DU INN osv...)


SMÅ "BOKSER" I SIDEMENYEN!

Koden:
<table border="1" style="width: 195px; height: 230px; background-color: #fefcfe; border: #000000 1px solid"><tbody><tr><td> DIN TEKST HER </td></tr></tbody></table><br />

Hvor legger jeg den?
Gå på rediger -> Maler.
Trykk CTRL+F og søk etter "sidebar". Da limer du bare koden inn under det.

Hvis du skal ha fler bokser, kan du bare legge fler under hverandre.


FÅ FLER/MINDRE INNLEGG PÅ DESIGNFORSIDEN!

Slik gjør du:
Gå inn på Design -> Rediger -> Forside
Trykk CTRL+F og søk etter "30", og finn denne linjen:
<tag:entrylist limit="30">

Da kan du endre for hva det står på 30.


FÅ SHOUTBOX PÅ BLOGGEN DIN!

Koden:
Gå inn her og kopier koden : http://shoutbox.widget.me/ 

Hvor skal jeg legge den?
Design -> Rediger -> Maler.
Trykk CTRL + F på tastaturet ditt, og søk på 'sidebar'. Under der legger du inn koden.


FÅ BORT BILDENE TIL DE SOM KOMMENTERER!

Slik gjør du:
Gå på Rediger -> Maler -> Innlegg.
Trykk CTRL+F og søk etter "CommentProfileUrl" og finn denne koden:
<tag:if test="${CommentProfileUrl != ''}">
<a href="${CommentProfileUrl}">
<img class="avatar" src="
http://i.blogg.no/50x50/${CommentProfileImageUrl}" alt="" />
</a>
<tag:else />
<tag:if test="${CommentAuthorUrl != ''}">
<a rel="nofollow" href="${CommentAuthorUrl}">
<img class="avatar" src="
http://i.blogg.no/50x50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=50" alt="" />
</a>
<tag:else />
<img class="avatar" src="
http://i.blogg.no/50x50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=50" alt="" />
</tag:if>
</tag:if>

Fjern deretter hele koden!


FORANDRE LINK NÅR MAN TAR MUSEN OVER!

Gå inn på design -> rediger -> stilsett, og let etter dette:
a { color: #FF69B4}
a:link { color: #FF69B4}
a:visited { color: #FF69B4}
a:active { color: #FF69B4}
a:hover { color:#FF0099}


Under ser du forksjellige ting du kan endre på:

-----------
ENDRE FARGE PÅ LINK

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

---------------
STREK PÅ MIDTEN AV LINK

a { color: #FFFFF}
a:link { color: #FFFFFF}
a:visited { color: #FF6FFF}
a:active { color: #FFFFFF}
a:hover {text-decoration: line-through;}

--------------
STREK UNDER LINK

a { color: #FFFFFF}
a:link { color: #FFFFFF}
a:visited { color: #FFFFFF}
a:active { color: #FFFFFF}
a:hover {text-decoration: underline;}

-----------------
RAMME RUNDT LINK

a { color: #FFFFFFF}
a:link { color: #FFFFFF}
a:visited { color: #FF6FFF}
a:active { color: #FFFFFF}
a:hover {border:#000000 1px solid;}

----------------
LINJER PÅ SIDEN AV LINKEN


a { color: #FFFFFF}
a:link { color: #FFFFFF}
a:visited { color: #FFFFFF}
a:active { color: #FFFFFF}
a:hover{color: #9797B0;text-decoration:none; border-left:solid 1px; border-right:solid 1px;}

---------------

LINJE OVER OG UNDER LINK

a { color: #FFFFFF}
a:link { color: #FFFFFF}
a:visited { color: #FFFFF}
a:active { color: #FFFFFF}

a:hover {COLOR:#000000; TEXT-DECORATION:underline overline}


HVORDAN FÅ FLER KATEGORIER I SIDEMENYEN!

Slik gjør du: 

For å få fler kategorier i sidemenyen (som "siste innlegg", "siste kommentarer" osv.. kan du bruke denne koden:

 

<h3>Om meg</h3>

jeg heter ......... og er .. år osv...

<ul>

Gå på Design - Rediger - Maler og trykk CTRL+F og søk etter "sidebar"

Rett under der, kan du legge inn koden.

 


IKKE

kopier forklaringene osv... og legg de innpå din blogg, for så og hjelpe andre folk! Jeg har brukt fler timer på å skrive dette, så da må du hvertfall spørre først.
Og da skal du skrive under at det er fra www.kathrinee95.blogg.no altså bloggen min.


Var dette til hjelp?

Kontakt

Mail: kathrinee95.blogg@hotmail.com - Hvis du lurer på noe angående bloggen.
Msn: kathrine-s-95@hotmail.com
Facebook: Kathrine Skaug
Nettby: kattas95 (nesten aldri på)

Kathrine

Hallo :-)

Navn: Kathrine
Født: 14.12.95
Hobbyer: Teater, korps (gikk på kickboxing)
Interesser: Venner, data, tv, dvd, musikk og masse mer.. :-)
Favorittkjendiser: Miley Cyrus, Mary-Kate og Ashley Olsen, Hilary Duff, Selena Gomez, Kristian Kjelling, Avril Lavigne, og mange fler...
Yndlingsfarge: Lilla og blå
Yndlingstv-program: One Tree Hill

Skriver mer etterhvert :-)

hits