Tävling Vinn bloggdesign!
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

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
16 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.
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
5 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!

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
3 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ägg in en länk som öppnas i nytt fönster:
<a href="LÄNK TILL SIDA" target="_blank">Länktext</a>
Länka en bild:
<a href="LÄNK TILL SIDA">
<img src="LÄNK FRÅN DIN BILD"> </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>
Ändra små bokstäver till stora med hjälp av denna koden:
text-transform: uppercase;
Mellanslag:
Ö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>
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ägg in en länk som öppnas i nytt fönster:
<a href="LÄNK TILL SIDA" target="_blank">Länktext</a>
Länka en bild:
<a href="LÄNK TILL SIDA">
<img src="LÄNK FRÅN DIN BILD"> </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>
Ändra små bokstäver till stora med hjälp av denna koden:
text-transform: uppercase;
Mellanslag:
Ö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>
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
5 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.
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!
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

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

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

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
9 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
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
14 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
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
1 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.
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"
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.

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
15 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!
Tävling vinn bloggdesign!
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

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
1 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!
Ny design på sidan
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 :)

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

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

Besök hennes blogg här [Länk]

Mer trafik på bloggen
1 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!
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.

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

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:


Category:
