?????
Vad behöver ni för designhjälp? Skicka till mig o säg, så kommer det säkerligen komma upp här på min sida efter ett tag :)
Menyer.
Bakgrunder.
Roligheter.
» Få dina tweets på bloggen.
» Fallande snö.
» Runda hörn.
» Lägg in ett bildspel.
» Ändra utseende på muspekaren.
» Browser ikon.
» Dagens datum på bloggen.» Fallande snö.
» Runda hörn.
» Lägg in ett bildspel.
» Ändra utseende på muspekaren.
» Browser ikon.
» Nedräkning på bloggen.
» Lägga in en klocka på bloggen.
» Bloglovin ikon på din blogg.
» Egen bloglovin ikon.
Nedräkning på bloggen.
Det finns flera sätt att lägga in en nedräkning på sin blogg.
Jag har valt det sättet sm jag tycker är lättast!
1. Det första du måste göra är att gå in på http://www.count.nu/ och fylla i det datum, den text du vill ha på din räknare ocsh så.
2. Sedan ska du kopiera din hela koden som finns i rutan.
3. Gå nu in i dina kodmallar.
4. Lägg in koden där du vill ha den nu, vill du ha den i menyn, så skall du lägga in det efter <div id="side"> någonstans.
Svårare än så är det inte!
Jag har valt det sättet sm jag tycker är lättast!
1. Det första du måste göra är att gå in på http://www.count.nu/ och fylla i det datum, den text du vill ha på din räknare ocsh så.
2. Sedan ska du kopiera din hela koden som finns i rutan.
3. Gå nu in i dina kodmallar.
4. Lägg in koden där du vill ha den nu, vill du ha den i menyn, så skall du lägga in det efter <div id="side"> någonstans.
Svårare än så är det inte!
Dagens datum på bloggen.
Så här gör du om du vill att dagens datum ska visss på din blogg:
1. Gå in på dina kodmallar.
2. Lägg in foljande kod där du vill ha datumet (under <div id="side"> om du vill ha den i menyn) :
<font face="verdana" color="black" size="2"><b>
<script language="JavaScript">
var mydate=new Date()
var year=mydate.getYear()
if (year<2000)
year=1900+year
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym=""+daym
var dayarray=new Array("Söndag","Måndag","Tisdag","Onsdag","Torsdag","Fredag","Lördag")
var montharray=new Array("januari","februari","mars","april","maj","juni","juli",
"augusti","september","oktober","november","december")
document.write(""+dayarray[day]+" "+daym+" "+montharray[month]+" "+year+"")
</script>
</b>
</font>
3. Nu kan du ändra typsnitt (verdana), färg (black) och storlek (2) som du själv vill ha.
Det gör du genom att ändra på texten högst upp i koden du klistrade in nyss (<font face="verdana" color="black" size="2">)
4. Nu är det bara att spara!
1. Gå in på dina kodmallar.
2. Lägg in foljande kod där du vill ha datumet (under <div id="side"> om du vill ha den i menyn) :
<font face="verdana" color="black" size="2"><b>
<script language="JavaScript">
var mydate=new Date()
var year=mydate.getYear()
if (year<2000)
year=1900+year
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym=""+daym
var dayarray=new Array("Söndag","Måndag","Tisdag","Onsdag","Torsdag","Fredag","Lördag")
var montharray=new Array("januari","februari","mars","april","maj","juni","juli",
"augusti","september","oktober","november","december")
document.write(""+dayarray[day]+" "+daym+" "+montharray[month]+" "+year+"")
</script>
</b>
</font>
3. Nu kan du ändra typsnitt (verdana), färg (black) och storlek (2) som du själv vill ha.
Det gör du genom att ändra på texten högst upp i koden du klistrade in nyss (<font face="verdana" color="black" size="2">)
4. Nu är det bara att spara!
Lägga in en klocka på bloggen.
Så här gör du om du vill lägga in en klocka på din blogg.
1. Välj vilken klocka du vill ha på den här sidan http://www.clocklink.com/gallery.php. Klicka på de olika kategorierna animal, analog m.m för att kolla vilka klockor det finns att välja emellan
2. När du har bestämt dig vilken klocka du vill ha, så klickar du på "View HTML tag".
3. Nu får du upp en ruta som du ska klicka "accept" på.
4. Nu kan du välja färg, tidszon (CET: Central European Time) och storlek på klockan.
5. Kopiera nu koden som finns under "If the above does not work, please try the following code."
6. Nu ska du lägga in koden du kopiera i din kodmall.
7. Om du vill ha den i menyn så lägger du in den någonstans under <div id="side">
Nu kan du hålla koll på tiden i din blogg!
1. Välj vilken klocka du vill ha på den här sidan http://www.clocklink.com/gallery.php. Klicka på de olika kategorierna animal, analog m.m för att kolla vilka klockor det finns att välja emellan
2. När du har bestämt dig vilken klocka du vill ha, så klickar du på "View HTML tag".
3. Nu får du upp en ruta som du ska klicka "accept" på.
4. Nu kan du välja färg, tidszon (CET: Central European Time) och storlek på klockan.
5. Kopiera nu koden som finns under "If the above does not work, please try the following code."
6. Nu ska du lägga in koden du kopiera i din kodmall.
7. Om du vill ha den i menyn så lägger du in den någonstans under <div id="side">
Nu kan du hålla koll på tiden i din blogg!
Ladda upp en bild på bloggen.
Så här gör du om du vill ladda upp en bild på bloggen, som bara kommer synas för dig. Men du kan sedan använda bilden i bloggen! Se steg 5 o vidare!
1. Klicka på fliken "skapa" och sen på under fliken "bild"
2. Klicka på "välj fil" och leta upp bilden du vill ladda upp.
3. Väl storlek på bilden.
Skriv också in bildrubrik och bildstext om du vill det. Inget måste!
4. Klicka på "ladda upp bild"
1. Klicka på fliken "skapa" och sen på under fliken "bild"
2. Klicka på "välj fil" och leta upp bilden du vill ladda upp.
3. Väl storlek på bilden.
Skriv också in bildrubrik och bildstext om du vill det. Inget måste!
4. Klicka på "ladda upp bild"
Sedan är det klart :)
5. Men om du vill använda bilden i bloggen, som t.ex bakgrunds bild eller som en bild i menyn, så måste du också kopiera bild adressen till bilden. Det gör du genom att klicka på den bilden som du har laddat upp så att den öpnnas i ett eget fönster.
6. Kopiera sedan adessen till bilden, alltså den adress som står i din webbläsae när du har bilden uppe. Såhär:


Ändra bakgrundsfärg.
Så här gör du om du vill ändra bakgrunds färg på din blogg. (Det röd markeade på bilden nedan.)

1. Gå in på filken "Design" och klicka sedan vidare på "stillmall" och
"alternativt redigera din befintliga stilmall"

2. Leta nu upp texten nedan.
body {
background: #cc00ff; (siffrorna och bokstäverna kan varijera beroende på vilken bakgrundsfärg du har nu)

3. Nu är det bara att ändra fägkoden, i detta fall ska du ändra 9CA55F, t.ex till #000000 (svart)
Färgkoder till färger hittar du här.
4. Klicka på förhandsgranska eller spara
Nu har du ändrat bakgrundsfärg! Har nu några frågor på skriv.

1. Gå in på filken "Design" och klicka sedan vidare på "stillmall" och
"alternativt redigera din befintliga stilmall"

2. Leta nu upp texten nedan.
body {
background: #cc00ff; (siffrorna och bokstäverna kan varijera beroende på vilken bakgrundsfärg du har nu)

3. Nu är det bara att ändra fägkoden, i detta fall ska du ändra 9CA55F, t.ex till #000000 (svart)
Färgkoder till färger hittar du här.
4. Klicka på förhandsgranska eller spara
Nu har du ändrat bakgrundsfärg! Har nu några frågor på skriv.
Lägga in en bild i menyn.
Så här lägger du in en bild i menyn.
1. Ladda upp en bild på bloggen och kopiera adressen till bilden.
Ta inte för stor stolek på bilden bara eftersom den ska få plats i menyn.
- > Klicka här för att se hur man laddar du upp en bild.
2. Klicka på fliken design på din blogg och gå sedan vidare till kodmallar.
3. Lägg till texten <img src="adressen till din bild"> någonstans under <div class="nav"> beroende på vart i menyn du vill ha bilden.
4. Där det står "adressen till din bild" klistrar du in adressen som du kopierade i steg 1.
5. Sen är det bara att spara.
Klicka här för att ändra bildstorleken så den passar bättre i menyn!
Två menyer.
Så här gör du om du vill ha två menyer på din blogg sida.
1. Gå in på fliken "design", och klicka vidare på "redigera stilmall"
2. Kopiera in texten nedan mellan #side och #content .
#side2 {
position: absolute;
left: 50px;
top: 80px;
width: 160px;
height: 400px;
background: white;
padding: 10px 10px 10px;
text-align:left;
}
3. Spara och gå in på "kodmallar"
4. Klistra in texten nedan precis över </body> längst ned på sidan i alla sidor i rullgardinen dvs framsida, inläggssida, kategorisida och arkivsida! Glöm inte att spara innan du byter sida bara!
<div id="side2">
</div>
5. Spara, och gå sedan in på "redigera stilmall" igen.
6. Nu kan du ändra så att du får menyn som du vill ha den.
#side2 {
position: absolute; <- Positionen.
left: 50px; <- Hur långt från vänsterkanten menyn ska vara.
top: 80px; <- Hur långt ned på sidan menyn ska vara.
width: 160px; <- Hur bred menyn ska vara.
height: 400px; <- Hur lång menyn ska vara.
background: white; <- Vilken bakgrundsfärg menyn ska ha.
padding: 10px 10px 10px; <- Hur stor mellanrum ska vara mellan kanten på menyn och innehållet i menyn.
text-align:left; <- På vilken sida texten ska vara på. left/right/center
}
7. Mellan <div id="side2"> och </div> i steg 4, kan du nu lägga in det du vill ha i menyn. Glöm inte att lägga in i både inläggssida, kategorisida och arkivsida om du vill att de ska synas där med. Det gäller när nu ändrar allt i kodmallar..
Nu var det klart!
1. Gå in på fliken "design", och klicka vidare på "redigera stilmall"
2. Kopiera in texten nedan mellan #side och #content .
#side2 {
position: absolute;
left: 50px;
top: 80px;
width: 160px;
height: 400px;
background: white;
padding: 10px 10px 10px;
text-align:left;
}
3. Spara och gå in på "kodmallar"
4. Klistra in texten nedan precis över </body> längst ned på sidan i alla sidor i rullgardinen dvs framsida, inläggssida, kategorisida och arkivsida! Glöm inte att spara innan du byter sida bara!
<div id="side2">
</div>
5. Spara, och gå sedan in på "redigera stilmall" igen.
6. Nu kan du ändra så att du får menyn som du vill ha den.
#side2 {
position: absolute; <- Positionen.
left: 50px; <- Hur långt från vänsterkanten menyn ska vara.
top: 80px; <- Hur långt ned på sidan menyn ska vara.
width: 160px; <- Hur bred menyn ska vara.
height: 400px; <- Hur lång menyn ska vara.
background: white; <- Vilken bakgrundsfärg menyn ska ha.
padding: 10px 10px 10px; <- Hur stor mellanrum ska vara mellan kanten på menyn och innehållet i menyn.
text-align:left; <- På vilken sida texten ska vara på. left/right/center
}
7. Mellan <div id="side2"> och </div> i steg 4, kan du nu lägga in det du vill ha i menyn. Glöm inte att lägga in i både inläggssida, kategorisida och arkivsida om du vill att de ska synas där med. Det gäller när nu ändrar allt i kodmallar..
Nu var det klart!
