Ladda ner gratis mallar  |   Bakgrunder till din blogg  |   Videoinlägg - Blogghjälp  |   Videoinlägg - Photoshop tips


Tävling Vinn bloggdesign!

2010-05-29 | 16:22:36   tävlingar   6 kommentarer /   Kommentera här!


Nu har man chans att vinna en av mina färdiga design mallar som jag lägger in vinnarens bilder och text som den vill ha det!


För att vinna:
- Skriv lite kort varför du vill vinna
- Skriv namn och bloggadress
- Lägg till mej på bloglovin
- Även ett pluss om man skriver om tävlingen i eran blogg

Skriv upp er här eller via denna länken

Tävlingen avslutas den 5 Maj

Lycka till!

Vinnare blev http://drilonas.blogg.se/
Kommer börja bygga klart på hennes design inom kort


Ändra muspekare på blogg & dator

2010-05-25 | 20:13:17   Ändra muspekare på blogg & dator   4 kommentarer /   Kommentera här!


Lägg in en egen muspekare som endast syns när man klickar runt på sin blogg!
Det finns flera sidor på nätet man kan hitta olika muspekare, sök på "Cursors" på google så hittar man massor. Man kan även lägga muspekaren på sin dator.

Ska visa en sida och hur man lägger in detta:


1. Gå in på denna sidan [Länk]

2. Hitta en muspekare som du gillar och klicka på den så detta kommer upp, se bild nedan:
Kopiera sedan koden.


3. Klicka in på din blogg och kodmallen, lägg koden mellan <head> och </head>


4. Ta bort det markerade som syns på bilden nedan, annars kommer det synas en reklam bild i hörnet av bloggen.


5. Spara och gör nu samma sak på de andra sidorna.


För att lägga det på sin egen dator, gör så här:

1. Gör samma sak här fast man klickar på download


2. Packa upp filen, med t.ex programmet Winrar

3. Högerklicka sedan på skrivbordet, gå in på anpassa, muspekare och bläddra efter din nerladdade fil.

Spara så ska det funka.




Tipsa mer om dina inlägg

2010-05-24 | 14:19:30   Tipsa mer om dina inlägg   2 kommentarer /   Kommentera här!


Tipsa läsare vad du har mer på din blogg, genom att lägga in en widget med bild och en text efter varje inlägg.


1. För att göra detta klicka in på Linkwithin

2. Fyll i din mail, länk till din sida, har du blogg.se väljer du other på platform...
När man är klar klicka på get widget


3. Kopiera koden som kommer upp och lägg in i din kodmall, lägg in den innan </body>
längst ner på sidan, se exempel:


4. Gör nu samma sak på de andra sidorna om du vill att det ska synas när man klickar runt på sidan.

Spara så ska det vara klart!


Grundkoder

2010-05-24 | 12:59:29   Grundkoder   1 kommentarer /   Kommentera här!


Html koder:


Lägg in en bild:

<img src="LÄNK FRÅN DIN BILD">



Lägg in en länk:
<a href="LÄNK TILL SIDA">Länktext</a>



Länka en bild som byter bild vid mouseover:

<a href="LÄNK TILL SIDA">
<img src="LÄNK FRÅN DIN BILD1" oversrc="LÄNK FRÅN DIN BILD2" border="0"> </a>



Lägg in en text, där man ändrar typsnitt, färg och storlek:
<font face="arial" color="#6c6c6c" size="1" height="4000">
Din text här...
</font>



Annat alternativ ändra storlek på text:
<span style=”font-size: 20px;”>
Din text här...
</span>


Mellanslag:
&nbsp;


Överstruken text:
<strike>Din text</strike>


Fetstil:
<b>Din text</b>


Kursiv stil:
<i>Din text</i>


Centrera något:
<center>Texten eller bilden</center>


Radbrytning:

<br />


Understruken text:

<u>Din text här</u>



Klar med Malins design

2010-05-23 | 02:07:44   Vinnare bloggdesign   2 kommentarer /   Kommentera här!


Vinnaren i bloggdesign tävlingen blev Malin



Skapa fler rullande text på bloggen

2010-05-21 | 20:52:29   Skapa fler rullande text på bloggen   1 kommentarer /   Kommentera här!


Om man ser på min blogg har jag en rullande text på två ställen, ska förklara på ett lätt sätt hur man gör:





Rullande text på bloggen

2010-05-21 | 20:38:19   Rullande text på bloggen   1 kommentarer /   Kommentera här!


Ska förklara hur man lägger in en rullande text i menyn men man kan också lägga den var man vill

1. Kopiera denna koden:


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


2. Gå in i kodmallen och klistra in koden i din meny, se bilden nedan:



Mer förklaring hur koderna funkar:

<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

Om man vill lägga till en kant runt om, lägg till  koderna border direkt efter color...


border-width:1px; Tjockleken på kantlinjen
border-style:solid; vilken typ av kantlinje, solid, dotted, dashed, none
border-color:cccccc;  Färgen på kantlinjen

}
</style>
<marquee
direction="left" Vilket håll texten ska åka, välj mellan right, left, up, eller down
behavior="alternate"
scrollamount="3"> Hastigheten på texten



Om du nu vill ha texten under headern lägger du in koden under din bild i kodmallen.






Tävling Vinn bloggdesign!

2010-05-20 | 21:03:23   tävlingar   7 kommentarer /   Kommentera här!


Var med och tävla om denna designen!




Designen innehåller:
- Två egna bilder till höger
- Text i headern
- Profiltext
- Dropdownmeny eller horisontell meny, kan även ta bort den

Gör så här för att vara med:

- Skriv kort varför du vill vinna
- Skriv namn o bloggadress
- Lägg till mej på bloglovin

Tävlingen gäller ni som har en blogg hos blogg.se Tävlingen avslutad den 27 Maj

Lycka till!

VINNARE BLEV
nailealiti.blogg.se


Fler besökare med bloggsvar

2010-05-20 | 00:08:39   Mer trafik på din blogg   2 kommentarer /   Kommentera här!


Fler besökare med den nya funktioen på bloggsvar.se, du syns i rampljuset i 20minuter!

1. Ladda upp en egen bild och skriv en text.
2. Skicka sedan ett sms som kostar endast 10kr, fyll i din kod
3. Nu får du info när du kommer att synas på bloggsvar

Klicka här för att komma till sidan



Filma skärmen

2010-05-19 | 22:02:59   Filma skärmen   2 kommentarer /   Kommentera här!


Det finns många som använder att filma skärmen för att visa hur koder i bloggen funkar, men såklart kan man ju filma annat också, ska förklara hur man gör:



1. Ladda ner programmet Camtasia Studio 7

2. När man startar programmet så visas det en liten filmsnutt hur programmet funkar på engelska.

3. För att börja spela in klicka på record the screen


4. Ställ först in om du vill spela in hela skärmen eller bara en viss del, klicka sedan på spela in REC


5. När du är nöjd med inspelningen, kan du nu redigera klippet och spara i det format du vill ha.

Se denna videon mer hur man gör detta:




Ställ frågor om bloggdesign

2010-05-18 | 23:37:04   övrigt   6 kommentarer /   Kommentera här!


Behöver ni hjälp med något när det gäller bloggdesign och alla koder, skriv  så gör jag kanske ett inlägg om detta, ge mej lite tips vad jag ska skriva :)


Färgkoder

2010-05-18 | 20:04:26   Färgkarta   0 kommentarer /   Kommentera här!


#F4ED7C                                                                                  

#F4ED47

#F9E814

#C6AD0F

#AD9B0C

#82750F

#F7E859

#F9E526

#F9DD16

#F9D616

#D8B511

#AA930A

#99840A

#F9E55B

#F9E24C

#F9E04C

#FCD116

#F7B50C

#C6A00C

#AA8E0A

#897719

#F9E27F

#F7E8AA

#F9E070

#F9E08C

#FCD856

#FFCC49

#FFC61E

#FCB514

#E0AA0F

#BF910C

#B58C0A

#A37F14

#7C6316

#F4E287

#F4DB60

#F2D13D

#E29100

#C6930A

#9E7C0A

#705B0A

#FFD87F

#FFD691

#FCC963

#FCCE87

#FCBF49

#FCBA5E

#FCA311

#F99B0C

#D88C02

#CC7A02

#AF7505

#996007

#7A5B11

#6B4714

#F2CE68

#F2BF49

#EFB22D

#E28C05

#C67F07

#9E6B05

#725E26

#FFD69B

#FFB777

#FCCC93

#FF993F

#FCAD56

#F47C00

#F77F00

#DD7500

#B55400

#BC6D0A

#8C4400

#995905

#4C280F

#F4DBAA

#F9BF9E

#F2C68C

#FCA577

#EDA04F

#FC8744

#E87511

#F96B07

#C66005


#D15B05

#9E540A

#A04F11

#633A11

#843F0F
#F9C6AA

#F9A58C

#FC9E70

#F98E6D

#FC7F3F

#F97242

#F96302

#EA4F00

#F95602

#DD5900

#DD4F05

#BC4F07

#A53F0F

#6D3011

#843511

#F9BAAA

#F98972

#F9603A

#F74902

#D14414

#933311

#6D3321

#F9AFAD

#F99EA3

#F9B2B7


#F9827F

#F9848E

#FC6675

#F95E59

#FC4F59

#F43F4F

#EF2B2D

#D62100



#E23D28

#D62828

#CC2D30

#C13828

#AF2626

#A03033

#7C2D23

#7C211E

#5B2D28

#F9BFC1

#FC8C99

#FC5E72

#E8112D

#D11600

#CE1126

#AF1E2D

#7C2128

#FFA3B2

#FCBFC9

#FC758E

#FC9BB2

#F4476B

#F4547C

#E5053A

#E00747

#DB828C

#C10538

#992135

#A80C35

#931638

#F4C9C9

#EF99A3

#772D35

#D81C3F

#C41E3A

#A32638

#8C2633

#F2AFC1

#ED7A9E

#E54C7C

#D30547

#BAAA9E

#8E2344

#75263D

#FFA0BF

#FF77A8

#F94F8E

#EA0F6B

#CC0256

#A50544

#7C1E3F

#F4BFD1

#ED72AA

#E22882

#AA004F

#930042

#70193D

#F993C4

#F46BAF

#ED2893

#D60270

#AD005B

#8C004C

#6D213F

#FFA0CC

#FC70BA

#F43FA5

#CE007C

#AA0066

#8E0554

#F9AFD3

#F7C4D8

#F484C4

#EA6BBF

#ED4FAF

#DB28A5

#E0219E

#C4057C

#C4008C

#C40F89

#A8007A

#AD0075

#9B0070

#7C1C51

#87005B

#F2BAD8

#EDA0D3

#E87FC9

#CC00A0

#B7008E

#A3057F

#7F2860

#EDC4DD

#E29ED6

#D36BC6

#AF23A5

#A02D96

#772D6B

#E5C4D6

#D8A8D8

#D1A0CC

#BF93CC

#D3A5C9

#C687D1

#BA7CBC

#AA72BF

#9B4F96

#AA47BA

#9E4FA5

#8E47AD

#72166B

#930FA5

#720082

#872B93

#66008C

#681E5B

#820C8E

#70147A

#5B027A

#5E2154

#701E72

#66116D
#560C70

#542344

#602D59

#5B195E

#4C145E

#E0CEE0

#C9ADD8

#C6AADB

#B591D1

#9663C4

#9B6DC6

#6D28AA


#894FBF

#59118E

#4F2170

#56008C

#442359

#44235E

#BAAFD3

#AD9ED3

#D1CEDD

#BFD1E5

#AFBCDB

#9E91C6

#937ACC

#A5A0D6

#A5BAE0

#5B77CC

#8977BA

#7251BC

#6656BC

#5E68C4

#3044B5

#38197A

#4F0093

#4930AD

#2D008E

#2B1166

#3F0077

#3F2893

#1C146B

#1E1C77
#260F54

#35006D

#332875


#141654

#192168


#2B2147

#2B0C56

#2B265B

#14213D

#112151

#B5D1E8

#6689CC

#002B7F

#002868

#002654

#9BC4E2

#75AADB

#3A75C4

#0038A8

#003893

#00337F

#002649


#C4D8E2

#93C6E0

#A8CEE2

#60AFDD

#75B2DD

#008ED6

#0051BA

#005BBF

#003F87

#0054A0

#00386B

#003D6B

#002D47

#00334C

#82C6E2

#BAE0E2

#51B5E0

#51BFE2

#00A3DD

#007FCC

#00A5DB

#0072C6

#0084C9

#005B99

#00709E

#004F6D

#00546B

#003F54

#004454

#A5DDE2

#70CEE2

#00BCE2

#00A3D1

#007AA5

#00607C

#003F49

#72D1DD

#7FD6DB

#28C4D8

#2DC6D6

#00ADC6

#00B7C6

#0099B5

#009BAA

#00829B

#00848E

#006B77

#006D75

#00494F

#00565B

#C9E8DD

#93DDDB

#4CCED1

#009EA0

#007F82

#008789

#007272

#006663


#AADDD6
#87DDD1

#8CE0D1

#7AD3C1

#56C9C1

#56D6C9

#47D6C1

#35C4AF

#00B2AA

#00C1B5

#00C6B2

#00AF99

#008C82

#008977

#00AA9E

#00B2A0

#009B84

#007770

#008C82

#009987

#008270

#006D66

#006056

#008272

#006B5B

#005951

#00493F

#004F42

#004438

#BAEAD6

#A0E5CE

#5EDDC1

#00997C

#007C66

#006854

#9BDBC1

#8EE2BC

#7AD1B5

#54D8A8

#00B28C

#00C993

#009977

#00B27A

#007A5E

#007C59

#006B54

#006847

#00563F

#024930

#B5E2BF

#96D8AF

#70CE9B

#009E60

#008751

#006B3F

#234F33

#B5E8BF

#99E5B2

#84E2A8

#00B760

#009E49

#007A3D

#215B33

#AADD96

#A0DB8E

#60C659

#1EB53A

#339E35

#3D8E33

#3A7728

#D3E8A3

#C4E58E

#AADD6D

#5BBF21

#009E0F

#56AA1C

#568E14

#566B21

#D8ED96

#CEEA82

#BAE860

#8CD600

#54BC00

#7FBA00

#709302

#566314

#E0EA68

#D6E542

#CCE226

#BAD80A

#9EC400

#A3AF07

#939905

#707014

#E8ED60
#E0ED44


#D6E80F

#CEE007

#BAC405

#9E9E07

#848205

#F2EF87

#F2ED6D

#EAED35

#EFEA07

#E5E811

#EDE211

#E0E20C

#E8DD11

#C1BF0A

#B5A80C

#AFA80A

#998C0A

#998E07

#6D6002

#D1C6B5

#C1B5A5

#AFA593

#998C7C

#827566

#6B5E4F

#CEC1B5

#A8998C

#99897C

#7C6D63

#66594C

#3D3028

#C6C1B2

#B5AFA0

#A39E8C

#8E8C7A

#777263

#605E4F
#282821

#D1CCBF

#BFBAAF

#AFAAA3

#96938E

#827F77

#60605B

#2B2B28

#DDDBD1

#D1CEC6

#ADAFAA

#919693

#666D70

#444F51

#30383A

#0A0C11

#E0D1C6

#D3BFB7

#BCA59E

#8C706B

#593F3D

#493533

#3F302B

#D1D1C6

#BABFB7

#A3A8A3

#898E8C

#565959

#494C49

#3F3F38














Free design

2010-05-14 | 23:39:27   Gratis design   13 kommentarer /   Kommentera här!


OBS! GÅR EJ ATT LADDA NER JUST NU SKA INOM KORT FIXA TILL DETTA


En gratis design skapat av mej, se designen live här [Länk]


- Designen innehåller:

 

- Stor inläggsspalt

 

- Ladda upp egen header, 771px bred och 225px hög

 

- En till toppen "knapp" huset som visas på bilden

 

- Egen profiltext och bild i headern


Ladda ner designen

 

Ni måste ha programmet winrar för att ladda ner filen, detta hittar ni här [länk]

 




Mer info:



Hur du ändrar och lägger in egen header:



Hur man ändrar profiltexten i menyn:



Lägg in egen profilbild över profiltexten:



Öka mellanrummet på header

2010-05-14 | 20:44:08   Öka mellanrummet på header   0 kommentarer /   Kommentera här!


Vissa som laddar upp en header så ligger den tätt intill kanten, ska förklara hur man ändrar
detta, man kan göra på lite olika sätt men ska visa på ett lätt sätt.



Gå in i stilmallen och klicka ner till div#header {

Ta bort padding och ändra det till så det ser ut på bilden nedan:


Om man vill ha ett mindre eller större mellanrum, ökar man 20px

Förhandsgranska och spara.


Man kan även göra på detta sättet:

Gå in i kodmallen och bläddra ner till <div id="header">

Lägg till <br> se nedan:


Lägg till fler <br> om du vill öka mellanrummet.

Spara och se hur det blev.


Gör header "tillbaka till startsida"

2010-05-14 | 19:42:00   Gör header "tillbaka till startsida"   0 kommentarer /   Kommentera här!


När man klickar runt på sin blogg och man sedan vill klicka tillbaka till startsidan så finns detta i menyn, nu ska jag visa hur man göra headern klickbar så man klickar tillbaka till startsidan istället.


1. Gå in i kodmallen, börja med att klicka på inläggsidan, därefter gör samma sak på de andra sidorna.



2. Kopiera denna koden:



3. Klistra in den efter header så det ser ut så här:


4. Spara och gör samma sak på de andra sidorna utom framsidan.


Ladda upp header

2010-05-14 | 19:17:26   Ladda upp 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!


Tävling vinn bloggdesign!

2010-05-12 | 22:35:48   tävlingar   15 kommentarer /   Kommentera här!


Nu har ni chans att vinna denna söta designen, delar av den är från min gammla design som säkert några känner igen, tycker det är synd att den bara ligger bland mina sparade "koder" så nu får någon vinna den :)

Designen innehåller:
- Text i headern 
- Bloglovin ikon i headern (om man vill ha detta) 
- Profilbild i menyn
- Profiltext i menyn

För att ha vara med i tävlingen gör dessa tre steg (viktigt man gör alla tre)
- Skriv lite kort varför ni vill vinna
- Skriv upp namn och bloggadress
- Lägg till mej på bloglovin

Lägg gärna in min bildänk eller länk på eran blogg, det är ett plus :)

Tävlingen avslutas den 19 Maj Lycka till!

De som kan vara med i tävlingen måste ha en blogg hos blogg.se


VINNARE kristinehamnmalin.blogg.se



Skapa en egen bildlänk

2010-05-12 | 15:28:26   Skapa bildlänk till din blogg   0 kommentarer /   Kommentera här!




För att göra en egen bildlänk och lägga in i sin meny som andra kan kopiera är mycket lätt!

1. Skapa först din bild i tex photoshop, tips att den inte ska vara större änn 88x32 pixlar.

2. Ladda upp bilden på din blogg och kopiera länken till bilden.

3. Kopiera denna koden:




4. Klistra in den i kodmallen mellan <div id="side"> <div>


5. Klistra nu in länken från din bild där det står: länk till din bild i koden.
Skriv även dit din länk till din sida.

För att ändra höjd och bredd på rutan med kod i gör man så här:

cols="16" Detta är bredden
rows="3"> Detta är höjden

För att centrera allt ihop lägg till <center> i början av koden och </center> i slutet av koden.

Spara så ska det vara klart!



Ta bort eller ändra RSS

2010-05-12 | 11:16:35   Ta bort eller ändra RSS   1 kommentarer /   Kommentera här!


Ska visa visa hur man tar bort RSS-ikonen helt, byter ut den till en egen eller gör den till en vanlig text.

Exempel 1
Hur man tar bort ikonen, gå in i kodmallen och ta bort denna koden, se nedan:





Exempel 2
Om man vill ändra RSS-Ikonen till en annan, ladda först upp den bild du vill ha på din blogg och kopiera länken till bilden Lägg sedan in länken i kodmallen, se nedan:






Exempel 3
Om man endast vill att RSS-Ikonen blir en text, ta bort hela RSS koden och kopiera denna koden:





Ny design på sidan

2010-05-11 | 11:15:05   övrigt   4 kommentarer /   Kommentera här!


Nu skulle jag bara fixa till framsidan lite grann, men det blev mer änn så, ändrade dropdown menyn, en rullande text, om den inte syns beror de på att jag inte har skrivit något.
En bild på mej o lite info, ska flytta besöksräknaren till menyn sedan, det kommer in lite mer under tips och senaste, med tiden.
Jag är rätt nöjd över designen, bättre änn innan :)




Flera widget att välja bland

2010-05-09 | 16:26:18   Widgeo.net   1 kommentarer /   Kommentera här!


På sidan widgeo.net finner man många olika funktioner, här är några:

- Besöksräknare
- Väder visare
- Rullande text
- Skapa en animerad text
- Klocka på bloggen 
- Skapa en undersökning



Om man vill ha någon av de som visas på framsidan, som visar antal besökare på sidan, gör du så här:

1. Klicka på den du vill ha, (några av funktionerna funkar inte i explorer men funkar bra i firefox)

2. Fyll i dina uppgifter, se hjälp nedan:



3. När du är klar klicka på Get Widget och kopiera koden som dyker upp:


4. Klistra nu in koden i din kodmall, eftersom de flesta nog skulle ha den i menyn ska jag visa var ni ska lägga in koden.

Klistra in koden någonstans efter <div id="side">

Lägg till <center> och </center> för att centrera widgeten, se nedan:



Spara och se hur det blev.


Signatur efter varje inlägg

2010-05-06 | 15:41:51   Signatur efter varje inlägg   1 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.


Klar med vinnarens design

2010-05-04 | 22:19:48   Vinnare bloggdesign   0 kommentarer /   Kommentera här!


Klar med andra vinnarens design eftersom denna gången blev det två vinnare :)
Besök hennes blogg här [Länk]



Klar med vinnarens design

2010-05-04 | 15:17:08   Vinnare bloggdesign   0 kommentarer /   Kommentera här!


Ni kan besöka hennes blogg här [Länk]



Mer trafik på bloggen

2010-05-03 | 23:17:01   Mer trafik på din blogg   0 kommentarer /   Kommentera här!


Om du vill på ett säkert sätt få fler besökare till din blogg ska du testa mer-trafik.se
Jag har själv testat och använder det och det funkar jätte bra!

Du behöver bara bli medlem på sidan och tipsa om sidan på din blogg.



Tipsa om en tävling, få fler besökare!

2010-05-03 | 20:57:14   Mer trafik på din blogg   1 kommentarer /   Kommentera här!


Har du ibland tävlingar i din blogg kan du tipsa om detta på denna sidan: blienvinnare.com
På detta sättet kan du få mycket mer besökare till din blogg!

1. Klicka på bli medlem och fyll i dina uppgifter.


2. Kolla sedan din mail, klicka på aktiveringslänken du har fått.

3. Logga nu in på sidan.

4. Klicka på Lägg till tävling i menyn till vänster och fyll i uppgifterna och skicka.




Ny design klar

2010-05-03 | 15:52:37   portfolio   0 kommentarer /   Kommentera här!


Klar med ännu en design och så här blev den, ni kan även gå in på hans blogg för att se den live [Länk]



Ladda upp bild på bloggen

2010-05-01 | 00:50:57   Ladda upp bild på bloggen   1 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: