Lägg till "Tidigare inlägg" och "Nyare inlägg"

Många saknar den lilla länken "Tidigare inlägg" längst ner under kategorisidan. Även fast man har skrivit över t.ex 50 inlägg. Då kan man ju tycka att den ska synas. Det beror antageligen på att du i såna fall saknar själva koden i din kodmall. Så här får ni en liten guide på hur ni fixar till det. + Hur du ändrar storlek, färg och font typ.


1. Gå in på Design och välj kodmall och välj kategorisida sedan.


2. Leta upp koden </tag:entrylist>

3. Mellan <hr class="separator" /> och </tag:entrylist> klistrar du in denna kod:

{% if loop.last and pagination %}<div style="text-align: center; font-size: 12px;"> {% if pagination.page_number != 1 %}<a style="padding-right: 30px; color:#000000; font-family:verdana, arial" href="{{ category.slug }}-{{ pagination.page_number - 1 }}.html">Tidigare inlägg</a>{% endif %}{% if pagination.page_number not in (pagination.total_pages, pagination.total_pages - 1) %}<a style="color:#000000; font-family:verdana, arial" href="{{ category.slug }}-{{ pagination.page_number + 1 }}.html">Nyare inlägg</a>{% endif %}{% if pagination.page_number == pagination.total_pages - 1 %}<a style="color:#000000; font-family:verdana, arial" href="{{ category.slug }}.html">Nyare inlägg</a> {% endif %} </div> {% endif %}


4. För att ändra hur länkarna ser ut ska du ändra det jag har markerat på bilden.

20px = storleken
color:#555555 = färgen
font-family:tahoma = fonten/text typen

5. Glöm inte att spara!

Hoppas det hjälpte er! Kram
</tag:entrylist>

Gör en egen bakgrund

Hade lite tråkigt så satt och letade inspiration på We ♥ it. Då hittade jag denna fina lilla tourital på hur du enkelt kan göra en riktigt snygg personlig bakgrund, väldigt enkelt! Längst ner ser ni bakgrunden som jag lyckades göta, jag gjorde själva bilden i paint och Powerpoint och sedan redigerade jag den på Picnik.com. Det är så vi som saknar photoshop gör, eller i alla fall jag. Fast tror nog att jag ska börja försöka lära mig Gimp lite bättre. 

2442954_460s_large


Profilbild i menyn

Här får ni en guide på hur man får en profilbild i menyn, självklart kan du använda samma kod till att lägga in bilder på andra ställen i menyn.


1. Börja med att gå in på Deign och sedan Stilmall


2. Leta upp #side { och kolla vad bredden (width: ???px;) är.


3. Välj en bild och ladda upp den i bredden som är närmast bredden på side. (Min side var 220, så då laddar jag upp min bild i 200)


4. Klicka på bilden


5. Kopiera webbadressen

6. Gå till Design och sedan Kodmallar


7. Leta upp <div class="nav">

8. Kopiera koden under och lägg in din bilds webbadress där det står "DIN LÄNK HÄR".

<center><br><img src="DIN LÄNK HÄR"><br><br></center>


8. Lägg in koden under <div class="nav">


9. Glöm inte att spara

10. Gör likadant i alla kodmallar

Hoppas du förstod. Om det är något du undrar om bloggdesign, skriv en kommentar!

Centrera Inläggen

Fick en fråga hur man centrerar inläggen, och jag gör ju allt för er så här har ni en guide på hur man gör.

1. Gå in på Design och sedan Stilmall

2. Leta upp .entrybody { och längst ner innan } lägger du in denna kod:

text-align:center;


3. Det ska se ut så här


4. Förhandsgranska så att det ser bra ut och sedan är det bara att spara och så är det klart!

Det var väll inte så svårt? Något du undrar om bloggdesign, skriv en kommentar så försöker jag att hjälpa dig!

Om Menyn hamnat under alla inlägg

Fick en kommentar från en tjej som vars menyn hade hamnat under alla hennes inlägg. Det kan bero på olika orsaker, men den vanligaste orsaken är att bloggen är för bredd, och så här fixar du det (Jag kan inte garantera att det fungerar för alla):


1. Gå in på Design och sedan Stilmall

2. Leta upp koden #content{ eller #side{, under dom koderna finns det flera rader, du ska ändra raden width:???px; till en minde siffra. Minska en eller två pixlar i taget.

3. Om du vill göra det ännu enklare letar du reda på koden #wrapper{ och kollar vad bredden är där (width:???px;). Den bredden ska du fördela på #content{ och #side{, t.ex. Om din wrapper är 940px kan du ha din content på 720px och din side på 220px.


4. Förhandsgranska för att se att det ser rätt ut och sen är det bara att spara. Svårare än så är det inte!



Rullande text i menyn

Nu ska jag förklara hur man får en egen liten rullande text i menyn. Det är väldigt enkelt och tar inte alls lång tid!

1. Börja med att gå in på Design och sedan kodmallar.

2. Leta upp <div id="side"> och under den ska du lägga in denna kod: 

<style type="text/css">
.marquee {
height:15px;
width:200px;
background-color:ffffff;
font-family:tahoma;
font-size:11px;
color:666666;
}
</style>
<marquee direction="left" behavior="scroll" scrollamount="3" >DIN TEXT HÄR</marquee>
3. Beroende på vart du vill ha den, så ska du lägga in den på olika platser, det är bara att prova sig fram.

4. Nu om du vill kan du anpassa texten lite, här under har jag skrivit vad dom olika koderna ändrar:

<style type="text/css">
.marquee {
height:15px; Höjden
width:200px; Bredden
background-color:ffff33; Bakgrundsfärg
font-family:Tahoma; Typsnittet på texten
font-size:11px; Storleken på texten
color:666666; Färgen på texten
<style type="text/css">
.marquee {
height:15px; <----- Höjden
width:200px; <-----  Bredden
background-color:ffff33; <-----  Bakgrundsfärg
font-family:Tahoma; <-----  Typsnittet på texten
font-size:11px; <-----  Storleken på texten
color:666666; <-----  Färgen på texten
}
</style>
<marquee
direction="left" <----- Vilket håll texten ska åka mot, välj mellan right, left, up, eller down
behavior="alternate"
scrollamount="3"> Hastigheten på texten

5. Glöm inte att spara

6. Gör likadant i alla kodmallar.

Lycka till, förstod ni? Om inte, kommentera eller mejla mig!

Lägg in snö på bloggen

Fick en fråga om jag kunde visa hur man får fallande snö på bloggen, och visst.
Här visar jag hur man gör. Ni får väldigt gärna fråga hur man gör saker! :)
Både i kommentarer och på bloggsvar, eller blogg response heter det väll nu.
Länk finns i menyn till vänster, klicka på pratbubblan.

1. Gå in på Design och välj kodmallar

2. Leta upp </script> och </head>, mellan dom två raderna ska du klistra in denna kod:


<script type="text/javascript">

Width =1000; // ange bredden på sidan som ska snöas in...

Height =2000; // ange höjden på sidan som ska snöas in...

Count =25; // antal snöflingor OBS! ange inte för stort antal!

MaxStep=3; // max steg i rörelsen

MinStep=1; // min steg i rörelsen

MaxFlake=10; // max storlek på snöflinga

MinFlake=4; // min storlek på snöflinga

PosX = new Array();

PosY = new Array();

StepX = new Array();

StepY = new Array();

StarSize=new Array();

for (i = 0; i < Count; i++) {

PosX[i] = Math.random()*Width;

PosY[i] = Math.random()*Height;

StepX[i] =MinStep+Math.random()* -MaxStep;

StepY[i] =MinStep+Math.random()* MaxStep;

StarSize[i]=MinFlake+Math.random() * MaxFlake;

document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#fff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");

}

function animate() {

for (i = 0; i < Count; i++) {

PosY[i] += StepY[i];

PosX[i] += StepX[i];

document.getElementById("Obj"+i).style.visibility = "visible";

if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås

PosX[i] = Math.random()*Width; ///2

PosY[i] = -20;

StepX[i] = MinStep+Math.random()* -MaxStep;

StepY[i] = MinStep+Math.random()* MaxStep;

}

document.getElementById("Obj"+i).style.top = PosY[i] + "px";

document.getElementById("Obj"+i).style.left = PosX[i] + "px";

}

setTimeout("animate()", 50);// hastighet

}

setTimeout("animate()", 1000);

</script>

 

3. Spara Kodmallen

4. Gör likadant på alla kodmallar