Ändra länkarna under inläggen.
Vill du ändra utseende på länkarna som finns under varje inlägg i din blogg? Dvs kommentarer och permalink och trackback om du inte har tagit bort de. Också kategori länken.
1. Gå in på "Design" och "Redigera stilmall".
2. Leta upp nedanstående text, (finns en liten bit under /** 'Posted by' txt **/) :
.entrymeta a { color: #000000; text-decoration:underline none;}
.entrymeta a:hover { color: #000000;text-decoration:underline none; background: #9BA3B7 ;}
.entrymeta a { color: #000000; text-decoration:underline none;}
.entrymeta a:hover { color: #000000;text-decoration:underline none; background: #9BA3B7 ;}
Det är alltså där du ändar dina länkar som finns efter varje inlägg i din blogg. Exempel: kommentarer, permalink mm.. Den första raden är i varje fall för hur länkarna ser ut bara. Medans den andra raden är hur länkarna ser ut när du håller musen på dem (mouseover).
Du ändrar utseende genom att ändra, lägga till eller ta bort text inom { och }
3. Det ska stå följande om du vill ha:
Understrucken text: text-decoration:underline;
Inte understrucken text: text-decoration:none;
Tjock text: font-weight: bold;
Bakgrundsfärg: background: #cccccc;
Textfärg: color: #000000;
Lägg alltså till ovanstående mellan { och } !
4. "Förhandsgranska" eller "Spara"
Radbrytning i inläggen
Hej! Endel av er kanske har märkt att det inte blir någon radbrytning (mellanrum nedåt) längre i era inlägg när de publiceras på bloggen fast att ni har gjort som så när ni skrev inlägget. Det beror nog på att ni använder Google Chrome som webbläsare... Men om man nu vill ha en radbrytning kan man göra så här istället:
3. Klicka på "Ändra redigerare" igen för att få tillbaka den vanliga redigeraren.
1. När du har skrivit klart inlägget klickar du på "Ändra redigerare" som står med blått i högra hörnet när du skriver ett inlägg.
2. Nu ser det annorlunda ut där du skriver inlägget. Du ska nu skriva </br> där du vill ha ett mellanum nedåt!
3. Klicka på "Ändra redigerare" igen för att få tillbaka den vanliga redigeraren.
4. "Spara och publicera" eller "Förhandsgranska"
Ändra länkarna i meny.
.nav a { color: #000000;text-decoration:none;}
.nav a:hover { color: #000000;text-decoration:underline none; background: #9BA3B7 ;}
Såhär gör du om du vill ändra utseende på länkarna i menyn. Dvs alla länkar under Senaste inlägg, Arkiv, Länkar och Kategorier.
1. Gå in på "Design" och "Redigera stilmall".
1. Gå in på "Design" och "Redigera stilmall".
2. Leta upp nedanstående text, (finns en bit under /** Entry headers **/) :
.nav a { color: #000000; text-decoration:none;}
.nav a:hover { color: #000000; text-decoration:underline none; background: #9BA3B7 ;}
Det är alltså där du ändar dina länkar i menyn. De som står under "Senaste inlägg", "Arkiv" mm.. Den första raden är för hur länkarna ser ut bara. Medans den andra raden är hur länkarna ser ut när du håller musen på dem (mouseover).
Du ändrar utseende genom att ändra, lägga till eller ta bort text inom { och }
3. Det ska stå följande om du vill ha:
Understrucken text: text-decoration:underline;
Inte understrucken text: text-decoration:none;
Tjock text: font-weight: bold;
Bakgrundsfärg: background: #cccccc;
Textfärg: color: #000000;
Lägg alltså till ovanstående mellan { och } !
4. "Förhandsgranska" eller "Spara"
Egen bloglovin ikon.
Om du inte vill ha några utav bloglovins ikoner på din blogg så kan du göra en egen ikoner.
1. Antigen gör du en egen ikon i något program som du har på datorn eller så letade du upp någon bloglovin ikon på internet som du får ta del av! Spara bilden på din dator.
2. Lägg nu först in en bloglovin ikon på din blogg! Om du inte vet hur man gör Se detta inlägg!
3. Nu när du har lagt in en vanlig bloglovin ikon på din blogg, ska du ladda upp den bilden som du vill ha som ikon istället på din blogg och kopiera bild adressen. Se här!
4. När du har kopierat bildadressen går du in på fliken "Design" och vidare till "Kodmallar". Leta upp din bloglovin ikon som du la in i steg 2!
Så där borde den se ut på ett ungefär.
<a title="Blogghjälparn. on Bloglovin" href="http://www.bloglovin.com/sv/blog/377610/blogghjalparn/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/sv/lank.gif" /></a>
5. Ta bort det fet markerade nedan:
<a title="Blogghjälparn. on Bloglovin" href="http://www.bloglovin.com/sv/blog/377610/blogghjalparn/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/sv/lank.gif" /></a>
6. Där du tog bort text nu, där klistrar du in adressen till din bild!
7. "Spara kodmall"
Bloglovin ikon på din blogg.
Sä här gör du om du vill lägga in en bloglovin ikon på din blogg så att dina läsare lätt kan följa dig!
1. Logga in eller bli medlem på bloglovin.com. Klicka sedan på fliken "Konto" och vidare på "Knappar och ikoner".
2. Där finns ett antal olika ikoner du kan välja mellan. När du har bestämt för vilken du vill ha klickar du på "Skaffa den här ikonen!" som står under den ikon du vill ha.
3. Då kommer det upp en ruta, kopiera då hela texten i rutan.
4. Logga sedan in på din blogg och klicka vidare på fliken "Design" och "Kodmallar".
5. Nu ska du lägga in texten som du kopierade i steg 3 i kodmallen. Beroende på vart du vill ha sen så måste du lägga in den på olika ställen. Om du vill ha den i menyn ska du lägga in den någonstans efter <div id="side">
6. Klicka på "Spara kodmall"
Rubrikerna i menyn.
Om du vill ändra texten på rubrikerna i menyn: Senate inlägg, Arkiv, Kategorier o.s.v.
2. Leta up texten:
.navheader {
3. Där under ändrar du sedan texten.
.navheader {
font-family: verdana; <- Här ändrar du teckensnitt på texten.
color: #619454; <- Här ändrar du färgen på texten.
font-size: 17px; <- Här ändrar du storlek på texten.
background:#FFFFFF; <- Här ändrar du bakgrundsfägen bakom texten.
font-weight: bold; <- Här ändrar du om texten ska vara tjock eller normal (bold/normal)
color: #619454; <- Här ändrar du färgen på texten.
font-size: 17px; <- Här ändrar du storlek på texten.
background:#FFFFFF; <- Här ändrar du bakgrundsfägen bakom texten.
font-weight: bold; <- Här ändrar du om texten ska vara tjock eller normal (bold/normal)
text-transform: uppercase; <- Här ändrar du om du vill ha stora bokstäver eller ej.
}
4. Spara eller förhandsgranska!
Bild som bakgrund.
1. Ladda först upp den bild du vill ha som bakgrundsbild på din blogg och kopiera bild adressen! Se hur du gör här!
3. Troligtvist högst upp i stillmallen hittar du:
body {
background: #7D7D7D;
För att ändra bakgrundsfärg ändrar du ju på siffrorna och bokstäverna mellan # och ;
Men om du nu vill ha en egen bild som bakgrund istället så måste du ändra texten så det i ser ut så här:
body {
background: #7D7D7D url();
4. Innanför parantesen lägger du sedan in adressen till din bild som du kopierade i steg 1 när du hade laddat upp bilden!
t.ex:
body {
background: #7D7D7D url(http://blogghjalparn.blogg.se/images/2011/tre_134679525.gif);
5. Spara eller förhandsgranska!
body {
background: #7D7D7D;
Ändra texten i inläggen.
Så här gör du om du vill ändra på texten som du skriver i varje inlägg!
2. Leta upp texten " /** Post's body text **/ " finns ungefär 1/3 nere i stilmallen.
3. Sen är det bara att du ändra vad du vill ändra på ;)
/** Post's body text **/
.entrybody {
font-family: verdana; <- Här ändrar du teckensnitt på texten.
color: #619454; <- Här ändrar du färgen på texten.
font-size: 17px; <- Här ändrar du storlek på texten.
background:#FFFFFF; <- Här ändrar du bakgrundsfägen bakom texten.
font-weight: bold; <- Här ändrar du om texten ska vara tjock eller normal (bold/normal)
color: #619454; <- Här ändrar du färgen på texten.
font-size: 17px; <- Här ändrar du storlek på texten.
background:#FFFFFF; <- Här ändrar du bakgrundsfägen bakom texten.
font-weight: bold; <- Här ändrar du om texten ska vara tjock eller normal (bold/normal)
line-height: 140%; <- Ändra mellanrummet mellan raderna.
}
4. Klicka sedan på "spara" eller "förhandsgranska" för att se hur det ser ut.
HEJ! IGEN
Nu ä jag här igen.. Ska försöka att skriva lite igen :')
Måste bara fixa sidan lite först!
