Ändra storleken på rubrikens första bokstav
4 kommentarer /
Kommentera här!

För att ändra så man får en större bokstav i rubriken gör man detta i kodmallen.
1. Bläddra ner till Arkiv, denna koden:
<div>Arkiv</div>
2. Ändra så det ser ut så här:
<div><font size="+3">A</font>RKIV</div>
På font size +3 ändrar man storleken
Man kan ju såklart ändra på andra ställen också än Arkiv.
Exempel i ett inlägg (glöm inte att ändra till html läge): Exempel
Då ser koden ut så här:
Hur man laddar ner typsnitt till photoshop
1 kommentarer /
Kommentera här!
Hur man laddar ner fonts (typsnitt) till photoshop, ska visa hur jag gör detta.
Photoshoptips - Retuschering
2 kommentarer /
Kommentera här!
Nu ska jag visa hur man retuscherar bort något i en bild, det är mycket lätt!
TÄVLING - BLI VECKANS BLOGG
22 kommentarer /
Kommentera här!

1. Skriv att du är med i detta inlägget
2. Lägg till sidan på bloglovin
3. Ett plus om du gillar sidan på Facebook
Klart!
Vinnaren dras den 9 Okt
AVSLUTAD
AVSLUTAD

Centrera bloggen
2 kommentarer /
Kommentera här!
Att centrera bloggen kan man göra på olika sätt, detta beror på hur du har byggt upp din blogg i koderna.
Exempel i stilmallen:
#side {
position: absolute;
left: 95px;
top: 105px;
width: 1000px;
display: inline;
background:none;
}
1. Leta upp wrapper i stilmallen, och ändra koden så den ser ut så här:
div#wrapper {
margin-left: auto;
margin-right: auto;
width: 1070px;
position: relative;
align:center;
}
2. Spara och se om det funka, om inte ska du gå in i kodmallen och lägga till denna koden:
<div id="wrapper">
3. Lägg den precis efter </head>
4. Lägg den även innan <div id="content">
5. Om du har en dropdown meny och den inte blir centrerad så lägg även innan den koden.
Spara så ska det funka!
Detta funkar på mina gratis mallar och till er jag gjort designer till.
Jag kommer lägga in mer info hur man centrerar bloggen på annat sätt längre fram.
Exempel i stilmallen:
#side {
position: absolute;
left: 95px;
top: 105px;
width: 1000px;
display: inline;
background:none;
}
1. Leta upp wrapper i stilmallen, och ändra koden så den ser ut så här:
div#wrapper {
margin-left: auto;
margin-right: auto;
width: 1070px;
position: relative;
align:center;
}
2. Spara och se om det funka, om inte ska du gå in i kodmallen och lägga till denna koden:
<div id="wrapper">
3. Lägg den precis efter </head>
4. Lägg den även innan <div id="content">
5. Om du har en dropdown meny och den inte blir centrerad så lägg även innan den koden.
Spara så ska det funka!
Detta funkar på mina gratis mallar och till er jag gjort designer till.
Jag kommer lägga in mer info hur man centrerar bloggen på annat sätt längre fram.
Ändra utseende på arkiv
3 kommentarer /
Kommentera här!
Ändra så det ser ut så här

Kod som du ska klistra in i kodmallen under Arkiv:
<center>
<a href="http://bloggadress/2010/january">Januari |</a>
<a href="http://bloggadress/2010/febuary">Februari |</a>
<a href="http://bloggadress/2010/march">Mars |</a>
<a href="http://bloggadress/2010/april">April |</a>
<a href="http://bloggadress/2010/may">Maj</a>
<a href="http://bloggadress/2010/june">Juni</a>
<font face="arial" color="#b9b8b8" size="1" height="4000"> <br>
Juli |
Augusti |
September
| Oktober
November |
December
<br><br>
</center>
</font>

Kod som du ska klistra in i kodmallen under Arkiv:
<center>
<a href="http://bloggadress/2010/january">Januari |</a>
<a href="http://bloggadress/2010/febuary">Februari |</a>
<a href="http://bloggadress/2010/march">Mars |</a>
<a href="http://bloggadress/2010/april">April |</a>
<a href="http://bloggadress/2010/may">Maj</a>
<a href="http://bloggadress/2010/june">Juni</a>
<font face="arial" color="#b9b8b8" size="1" height="4000"> <br>
Juli |
Augusti |
September
| Oktober
November |
December
<br><br>
</center>
</font>
Skapa en footer
1 kommentarer /
Kommentera här!
Gör en egen footer längst ner på din blogg efter alla dina inlägg, ska förklara hur man gör:

1. Gör din footer i tex photoshop, viktigt att den är lika bred som (content)
2. Ladda upp bilden på din blogg och kopiera adressen till den

1. Gör din footer i tex photoshop, viktigt att den är lika bred som (content)
2. Ladda upp bilden på din blogg och kopiera adressen till den
3. Gå in i din stilmall, nu ser inte koden exakt ut så här men leta upp div#content{
Denna koden:
div#content {
position: absolute;
top:190px;
left:40px;
float: right;
clear: right;
display: inline;
padding-left:5px;
padding-top:5px;
padding-bottom:120px;
padding-right:5px;
width: 665px;
background-color: #ffffff;
}
4. Lägg till denna koden:
background:url(LÄNK FRÅN DIN BILD) no-repeat left bottom;
5. Se nedan hur det ska se ut:
div#content {
position: absolute;
top:190px;
left:40px;
float: right;
clear: right;
display: inline;
padding-left:5px;
padding-top:5px;
padding-bottom:120px;
padding-right:5px;
width: 665px;
background:url(länk från bild) no-repeat left bottom;
background-color: #ffffff;
}
6. Om texten hamnar på footern ellerfootern hamnar för långt ner så får du gå in i stilmallen igen och ändra det på padding.
7. Spara så var det klart.
Skapa en ruta/kant runt inläggen
3 kommentarer /
Kommentera här!

1. klicka på design och stilmallen.
2. Bläddra ner till koden: div#content div.entrybody {
3. Lägg till denna koden: border: 1px solid #c7c7c7;
Ändra tjockleken på kanten på 1px
Ändra färg på kanten på #c7c7c7
Ändra kantens utseende på solid till exempel:
- double
- dashed
- dotted
- groove
- ridge
- inset
- outset
Ladda upp bild på bloggen
6 kommentarer /
Kommentera här!
För att ladda upp en bild på bloggen som man kanske vill ha i sin meny eller headern, ska jag förklara i bilder hur man gör detta, det är mycket lätt, så här gör man:
1. Klicka på skapa

2. Klicka sedan på bild

3. Klicka på bläddra och sök efter din bild...

4. Håll musen över bilden så du ser hur stort formatet är på bilden, exempel nedan är den 150x100
Klicka sedan på öppna

5. Ändra nu bredd till efter hur stor bilden är för att den inte ska bli suddig
Exemplet var på 150x100 alltså 150 bred, då ändrar man till 200 i bredd nedan, om man ändrar till 100 blir det för litet och då blir bilden suddig.
Klicka sedan på ladda upp bild

6. Klicka på bilden när den dyker upp

7. Höger klicka på länken som kommer upp

8. Kopiera länken

9. Gå nu in i kodmallen via design-kodmallar

10. Om du vill lägga in bilden i menyn går du ner till koden: <div id="side">
Efter den koden lägger du in länken till din bild
Kopiera denna koden: <img src"LÄNK FRÅN DIN BILD HÄR">
Lägg in koden som nedan:

11. Samma sak här om du vill ha bilden som header lägger du koden här, se nedan:

1. Klicka på skapa

2. Klicka sedan på bild

3. Klicka på bläddra och sök efter din bild...

4. Håll musen över bilden så du ser hur stort formatet är på bilden, exempel nedan är den 150x100
Klicka sedan på öppna

5. Ändra nu bredd till efter hur stor bilden är för att den inte ska bli suddig
Exemplet var på 150x100 alltså 150 bred, då ändrar man till 200 i bredd nedan, om man ändrar till 100 blir det för litet och då blir bilden suddig.
Klicka sedan på ladda upp bild

6. Klicka på bilden när den dyker upp

7. Höger klicka på länken som kommer upp

8. Kopiera länken

9. Gå nu in i kodmallen via design-kodmallar

10. Om du vill lägga in bilden i menyn går du ner till koden: <div id="side">
Efter den koden lägger du in länken till din bild
Kopiera denna koden: <img src"LÄNK FRÅN DIN BILD HÄR">
Lägg in koden som nedan:

11. Samma sak här om du vill ha bilden som header lägger du koden här, se nedan:

Signatur efter varje inlägg
14 kommentarer /
Kommentera här!
Vill du ha en signatur efter varje inlägg som kommer upp automatiskt efter varje inlägg, gör du så här:

1. Ladda upp den bild du vill ha efter varje inlägg tex ditt namn eller sidans namn.
2. Kopiera denna koden:
3. Gå in i kodmallen, framsida och klicka ner till content.
Lägg in koden du kopierade och lägg in den, se nedan:
4. Om du vill ha "bilden" till vänster skriver du i left där det står right
Eller om du vill ha den i mitten skriver du center
Spara och se hur det blev.

1. Ladda upp den bild du vill ha efter varje inlägg tex ditt namn eller sidans namn.
2. Kopiera denna koden:
3. Gå in i kodmallen, framsida och klicka ner till content.
Lägg in koden du kopierade och lägg in den, se nedan:
4. Om du vill ha "bilden" till vänster skriver du i left där det står right
Eller om du vill ha den i mitten skriver du center
Spara och se hur det blev.
Ladda upp egen header
1 kommentarer /
Kommentera här!
Ska förklara hur man laddar upp en egen bild man vill ha som header.

1. Ladda upp din bild, se också hur stor den är så den passar in på din blogg.
2. När du laddat upp bilden, kopierar du länken till bilden.
3. Gå in i kodmallen och bläddra ner till header, ta bort det markerade som syns på bilden nedan:

4. Kopiera denna koden: <img src="LÄNK FRÅN DIN BILD HÄR">
Lägg in koden under header, se nedan:

OBS! Lägg in länken från din bild där det står LÄNK FRÅN DIN BILD HÄR
Det andra ska stå kvar!
Spara så ska det vara klart!

1. Ladda upp din bild, se också hur stor den är så den passar in på din blogg.
2. När du laddat upp bilden, kopierar du länken till bilden.
3. Gå in i kodmallen och bläddra ner till header, ta bort det markerade som syns på bilden nedan:

4. Kopiera denna koden: <img src="LÄNK FRÅN DIN BILD HÄR">
Lägg in koden under header, se nedan:

OBS! Lägg in länken från din bild där det står LÄNK FRÅN DIN BILD HÄR
Det andra ska stå kvar!
Spara så ska det vara klart!

Category: