Skapa din egna bakgrund
3 kommentarer / 
Kommentera här!Skapa din egna bakgrund i färg och mönster, som du sedan kan lägga på som bakgrund på din blogg!
Det är hur lätt som helst, gå in på patterncooler.com
1. Välj först det mönster du vill ha, välj färger och klicka vidare på: Sett pattern repeat size och välj den storlek du vill ha.
2. När du är klar med bakgrunden klickar du vidare på download, och sedan download igen och ignorerar step 2.
Nu har du laddat ner din bakgrund på din dator, så nu laddar du upp den på din blogg och ser hur det blev.
Det är hur lätt som helst, gå in på patterncooler.com
1. Välj först det mönster du vill ha, välj färger och klicka vidare på: Sett pattern repeat size och välj den storlek du vill ha.
2. När du är klar med bakgrunden klickar du vidare på download, och sedan download igen och ignorerar step 2.
Nu har du laddat ner din bakgrund på din dator, så nu laddar du upp den på din blogg och ser hur det blev.
Tävling! Vinn bloggdesign
TÄVLINGEN ÄR AVSLUTAD!
Denna gången blev det två stycken vinnare eftersom det var så många var med och tävla, jätte kul :)
VINNARE:
betweens.blogg.se
jagochmindotternova.blogg.se
Kommer inom kort börja bygga på deras design.
Denna gången blev det två stycken vinnare eftersom det var så många var med och tävla, jätte kul :)
VINNARE:
betweens.blogg.se
jagochmindotternova.blogg.se
Kommer inom kort börja bygga på deras design.
Fridas design
Vinnaren denna vecka blev Frida som vann denna rosa design, vill ni se hennes blogg klickar ni här [Länk]
Länk till toppen av sidan
Man kan lägga in en ikon, tex ett hus som på bilden nedan, denna ikonen syns i varje inlägg höger om rubriken som gör att man kommer till toppen av sidan när man klckar på den.
Man kan ju såklart lägga den var man vill i inläggsrutan, men ska visa hur man lägger in den som på bilden nedan:
1. Kopiera denna koden och klistra in längst ner i din stilmall:
2. Kopiera denna koden:
3. Gå in i kodmallen och klistra in koden, se nedan:
4. Kopiera denna koden: <a name="top"></a> och lägg in den innan <div id"content"> i kodmallen:
Gör nu samma sak på punkt 3 och 4 på de andra sidorna:
Framsida
Kategorisida
Arkivsida
Om man vill byta ut bilden på huset som ni får låna av mej till en egen, byter ni ut denna länken:
http://bloggstyle.se/images/2010/hus-litet_85067482.png
Man kan ju såklart lägga den var man vill i inläggsrutan, men ska visa hur man lägger in den som på bilden nedan:
1. Kopiera denna koden och klistra in längst ner i din stilmall:
2. Kopiera denna koden:
3. Gå in i kodmallen och klistra in koden, se nedan:
4. Kopiera denna koden: <a name="top"></a> och lägg in den innan <div id"content"> i kodmallen:
Gör nu samma sak på punkt 3 och 4 på de andra sidorna:
Framsida
Kategorisida
Arkivsida
Om man vill byta ut bilden på huset som ni får låna av mej till en egen, byter ni ut denna länken:
http://bloggstyle.se/images/2010/hus-litet_85067482.png
Ändra utseende på content på startsida
Nu tänkte jag förklara hur man ändrar sin content (inläggsrutan) på framsidan, om man vill den ska se annorlunda ut änn på de andra sidorna, när man klickar runt på bloggen, eller tvärtom om man bara vill ändra utseende på content på de andra sidorna.
Exempel på min blogg:
1. Gå in i stilmallen och bläddra ner till denna koden:
2. Gör samma sak på dessa koder i stilmallen:
3. Gå in i kodmallen (framsida) och bläddra ner till denna koden:
Nu ändrar du bara som du brukar göra i din stilmall hur du vill det ska se ut i färger och bredd.
Lycka till!
Exempel på min blogg:
1. Gå in i stilmallen och bläddra ner till denna koden:
2. Gör samma sak på dessa koder i stilmallen:
3. Gå in i kodmallen (framsida) och bläddra ner till denna koden:
Nu ändrar du bara som du brukar göra i din stilmall hur du vill det ska se ut i färger och bredd.
Lycka till!
Ladda ner fonts (typsnitt)
Nu ska jag förklara hur man laddar ner ett typsnitt på datorn, som man sedan anv i tex photoshop. Nu kommer jag visa hur man gör om man har programmet Winrar.
Gå in på sidan dafont.com
1. Klicka på en font (typsnitt) och ladda ner.
2. Nu ser det ut så här om du har winrar, klicka bara ok.
2. Nu ser det antagligen ut så här när du laddat ner det, då klickar du tillbaka, se nedan:
3. Nu höger klickar du på mappen, på Extract...och sparar det på tex skrivbordet
Gå in på sidan dafont.com
1. Klicka på en font (typsnitt) och ladda ner.
2. Nu ser det ut så här om du har winrar, klicka bara ok.
2. Nu ser det antagligen ut så här när du laddat ner det, då klickar du tillbaka, se nedan:
3. Nu höger klickar du på mappen, på Extract...och sparar det på tex skrivbordet
4. Kopiera eller dra över filen till mappen "font" som du hittar genom att klicka på:
dator, lokal disk (C), windows och font.
Fler sidor man kan ladda ner fonts ifrån:
dafont.com
fonts.com
1001freefonts.com
dator, lokal disk (C), windows och font.
Fler sidor man kan ladda ner fonts ifrån:
dafont.com
fonts.com
1001freefonts.com
Bloggpartner
Bloggpartner.se är en sida som hjälper en tjäna pengar om man har en blogg, ska förklara hur man skapar ett konto och lägger in reklam på sin blogg:
1. Klicka in på sidan och registrera dej [Länk]
2. När du har registrerat dej tar det någon dag innan det har gått igenom, detta ser du via mail där du också får lösen och användar info.
3. Logga in på ditt konto, nu kommer du till detta, se nedan:
4. När du kopierat koden, går du in i din kodmall och lägger in koden i din meny, efter denna koden:
<div id="side">
Du kan också lägga in reklamen över headern, då lägger du in koden i kodmallen efter denna koden:
<div id="header">
Man kan igentligen lägga in reklamen var man vill på sidan, genom att skapa en till meny.
1. Klicka in på sidan och registrera dej [Länk]
2. När du har registrerat dej tar det någon dag innan det har gått igenom, detta ser du via mail där du också får lösen och användar info.
3. Logga in på ditt konto, nu kommer du till detta, se nedan:
4. När du kopierat koden, går du in i din kodmall och lägger in koden i din meny, efter denna koden:
<div id="side">
Du kan också lägga in reklamen över headern, då lägger du in koden i kodmallen efter denna koden:
<div id="header">
Man kan igentligen lägga in reklamen var man vill på sidan, genom att skapa en till meny.
Kommentera nya designen
Ny har jag gjort en helt ny designen på sidan, gillade den rosa men alltid kul med något nytt, kommentera vad ni tycker, om det fattas något etc.
Skapa fler dropdown menyer
För att skapa fler dropdown menyer på din blogg är detta mycket enkelt.
1. Skapa nu en till dropdown meny och lägg in koderna i din stilmall och kodmall, hur man gör detta [Länk]
2. Nu ska du ändra koden i stilmallen genom att skriva dit en etta efter varje navbar, gör även samma sak i koden i kodmallen.
Om du vill ha en tredje eller fler dropdown meny på din blogg gör du samma sak fast du skriver dit en trea.
1. Skapa nu en till dropdown meny och lägg in koderna i din stilmall och kodmall, hur man gör detta [Länk]
2. Nu ska du ändra koden i stilmallen genom att skriva dit en etta efter varje navbar, gör även samma sak i koden i kodmallen.
Om du vill ha en tredje eller fler dropdown meny på din blogg gör du samma sak fast du skriver dit en trea.
Ändra färg på länkar i inlägg
Ändra färg på alla dina länkar i inlägg och även färg vid mouseover
1. Kopiera denna koden:
2. Gå in i din stilmall och klistra in efter denna koden:
3. Nu får du ända vilken färg, storlek och typsnitt du vill ha, förklaring:
1. Kopiera denna koden:
2. Gå in i din stilmall och klistra in efter denna koden:
3. Nu får du ända vilken färg, storlek och typsnitt du vill ha, förklaring:
.entrybody a {
color: #cccccc; <---ändra färg
font-family: arial; <---ändra typsnitt
font-size: 11px; <---ändra storlek
}
.entrybody a:hover {
color: #000000; <---ändra färg vid mouseover
font-family: arial; <---ändra typsnitt vid mouseover
font-size: 11px; <--ändra storlek vid mouseover
}
Skapa en väder widget
Skapa en väder widget som du lägger i menyn, så du och dina besökare ser hur vädret är.
1. Gå in på sidan vackertvader.se och klicka på "väder på din sajt!"
2. Nu ska man välja vilket format man vill ha, vilken färg man vill ha på kanter, text, temperatur och dagar man vill ha:
3. När man är klar klickar man på skapa kod:
4. Kopiera koden och gå in i kodmallen, lägg koden i din meny, någonstans efter <div id="side">
Spara och se hur det blev.
1. Gå in på sidan vackertvader.se och klicka på "väder på din sajt!"
2. Nu ska man välja vilket format man vill ha, vilken färg man vill ha på kanter, text, temperatur och dagar man vill ha:
3. När man är klar klickar man på skapa kod:
4. Kopiera koden och gå in i kodmallen, lägg koden i din meny, någonstans efter <div id="side">
Spara och se hur det blev.
Widgets på skrivbordet
Ladda ner olika widgets till ditt skrivbord på datorn, med hjälp av programmet Opera [Länk]
Klicka sedan på en widgets som du skulle vilja ha på din dator, finns många att välja bland,
se några exempel nedan:
Nu kommer du automatiskt till denna sidan, då klickar du på download och laddar ner programmet Opera:
När du laddat ner programmet är det bara att bläddra runt och ladda ner just den widgets du vill ha.
Klicka sedan på en widgets som du skulle vilja ha på din dator, finns många att välja bland,
se några exempel nedan:
Nu kommer du automatiskt till denna sidan, då klickar du på download och laddar ner programmet Opera:
När du laddat ner programmet är det bara att bläddra runt och ladda ner just den widgets du vill ha.
Tävling Vinn bloggdesign!
Ännu en Tävling!
Fin rosa design skapad av mej, den som vinner får:
Tre bilder i headern som jag lägger in
Text i headern
För att vinna skriv upp er här eller gå in på denna [Länk] gör så här:
1. Skriv upp ert namn och blogg
2. Skriv lite kort varför ni vill vinna
3. Lägg till mej på bloglovin
Tävlingen pågår en vecka Lycka till ! :)
Avslutad väntar på att få kontakt med vinnaren, skriver inom kort vinnaren.
Knyt en egen domän till din blogg
Gå in på loopia, klicka nedan:
Så här gör man:
Fyll i dina uppgifter:
Efter du blivit godkänd och betalt domänen, får du ett mail med info med inloggningsuppgifter så du kan logga in på ditt konto.
När du gjort detta klickar du på domän och webb sedan på domäninställningar:
Ställ in subdomän till www
Klicka sedan på DNS, välj typ A och kopiera de här koderna 83.140.163.114 och klistra in på mål:
Spara sedan och se om det gick igenom, logga sedan ur.
Gå in på din blogg, klicka på inställningar, domänpekning och fyll i din domän och spara.
Så här gör man:
Fyll i dina uppgifter:
Efter du blivit godkänd och betalt domänen, får du ett mail med info med inloggningsuppgifter så du kan logga in på ditt konto.
När du gjort detta klickar du på domän och webb sedan på domäninställningar:
Ställ in subdomän till www
Klicka sedan på DNS, välj typ A och kopiera de här koderna 83.140.163.114 och klistra in på mål:
Spara sedan och se om det gick igenom, logga sedan ur.
Gå in på din blogg, klicka på inställningar, domänpekning och fyll i din domän och spara.
Ändra utseende på kommentarer
Lägg till background för att ändra bakgrund till den färg man vill ha.
Ändra textens färg på color, om color inte finns lägg till den i koden.
Fler koder man kan lägga in:
Ny design
Igår blev det inte så mycket skrivande i bloggen pga av att jag hjälpte min kära mamma med hennes sida.
Gå gärna in på hennes sida här [Länk] och kolla runt på hennes skapande :)
Gå gärna in på hennes sida här [Länk] och kolla runt på hennes skapande :)
Ändra texten på kommentarsfälten
För att ändra typsnitt och färg på kommentarsfältet, gör man detta i kodmallen.
Klicka på inläggssida i din kodmall
Bläddra ner till denna koden, se nedan, det grå markerade ska du lägga till.
Denna kod:
<font face="verdana"color="#cccccc"> </font>
Ändra sedan vilket typsnitt du vill ha genom att byta ut verdana till ex Arial.
Ändra färg genom att byta ut cccccc till ex FF 69 B4 eller den färg du vill ha.
Klicka på inläggssida i din kodmall
Bläddra ner till denna koden, se nedan, det grå markerade ska du lägga till.
Denna kod:
<font face="verdana"color="#cccccc"> </font>
Ändra sedan vilket typsnitt du vill ha genom att byta ut verdana till ex Arial.
Ändra färg genom att byta ut cccccc till ex FF 69 B4 eller den färg du vill ha.
Gratis design
En rosa gratis design som är mycket enkel i designen, ladda ner [Länk]
Se designen live [Länk]
- Ni kan byta ut headern till en egen
- Lägga in egen text i headern
- Lägga in bild och text i menyn
För att ladda ner måste man ha winrar det kan ni ladda ner här [Länk]
När man laddat ner står det hur man går till väga med koder, bilder och text.
Viktigt! Eftersom jag lägger ner tid på att göra denna designen så vill jag att ni behåller texten längst ner i menyn "design by bloggstyle.se"
Hoppas ni gillar designen och skriv om ni använder den :)
Ändra rubrik i inlägg
Ändra textens färg och typsnitt i inläggssidan gör man i stilmallen
Det beror på vilket tema du har inställt på, men här ändrar man
bakgrund, typsnitt och färg på texten, testa dej fram.
Det beror på vilket tema du har inställt på, men här ändrar man
bakgrund, typsnitt och färg på texten, testa dej fram.
Update
Idag såg jag att jag hade över 200 på min statistik mätare och 360 klicka på sidan.
Första gången jag har så många på en dag, är jätteglad att så många vill läsa min blogg och hoppas de blir fler :)
Lite nytt på G kommer snart en tävling och en enkel gratis design, men har inte bestämt mej vad jag ska ha för färger på den så skriv gärna vad ni tycker.
Första gången jag har så många på en dag, är jätteglad att så många vill läsa min blogg och hoppas de blir fler :)
Lite nytt på G kommer snart en tävling och en enkel gratis design, men har inte bestämt mej vad jag ska ha för färger på den så skriv gärna vad ni tycker.
Runda hörn på bilder
Gör runda hörn på dina bilder med hjälp av photoshop.
1. Klicka först på Rounded Rectangle Tool och markera var du vill beskära bilden.
2. Ställ in Radius på 10px detta bestämmer hur runda hörn du vill ha.
3. Högerklicka sedan och klicka på Make selection.
4. Klicka sedan OK
5. Klicka på Select och Inverse.
6. Dubbelklicka på background och OK 
7. Nu klickar du bara på delit knappen och bilden beskärs. 
8. Spara bilden i PNG format om du vill ha genomskinlig bakgrund eller JPEG så blir bakgrunden vit.
Bakgrund på rubrikerna i meny
De flesta har ingen bakgrund på sina rubriker i menyn, detta kan man lätt ändra i stilmallen.
Bläddra ner till denna koden, se nedan:
Ändra där det står background, om den koden inte finns, lägg till den.
Istället för att göra en enfärgad bakgrund kan man lägga in egen bakgrund,
då ska det se ut så här, se nedan:
Kom ihåg att det inte ska vara mellanrum mellan url och (
För att ändra höjd och bredd gör du det på padding, testa dej fram, förhandsgranska och spara.
Bläddra ner till denna koden, se nedan:
Ändra där det står background, om den koden inte finns, lägg till den.
Istället för att göra en enfärgad bakgrund kan man lägga in egen bakgrund,
då ska det se ut så här, se nedan:
Kom ihåg att det inte ska vara mellanrum mellan url och (
För att ändra höjd och bredd gör du det på padding, testa dej fram, förhandsgranska och spara.
Unik design
Unik design till salu, detta betyder att den som köper denna kommer endast ha denna designen,
först till kvarn är det som gäller :)
Pris 150kr
Kontakta mej via bloggen eller mail, mer info under "köp info".
Designen innehåller:
Dropdown meny, men kan göra den till en horisontell meny
Bloggnamn i headern
Bild i headern
En egen profiltext, detta kan man ändra själv sen
SÅLD
först till kvarn är det som gäller :)
Pris 150kr
Kontakta mej via bloggen eller mail, mer info under "köp info".
Designen innehåller:
Dropdown meny, men kan göra den till en horisontell meny
Bloggnamn i headern
Bild i headern
En egen profiltext, detta kan man ändra själv sen
SÅLD
Mer trafik med bloggtrafik.nu
Gör som jag och bli medlem på bloggtrafik.nu, på så sätt får ni fler besökare till eran blogg!
Det är mycket lätt, det ända man behöver göra är att klicka på denna [Länk] och registrera dej.
Det är gratis såklart och du kommer få 33 garanterade besökare och mer med tiden!
Det är mycket lätt, det ända man behöver göra är att klicka på denna [Länk] och registrera dej.
Det är gratis såklart och du kommer få 33 garanterade besökare och mer med tiden!
Ändra rubrik i meny till en bild
Om man vill göra en egen bild till kategorierna, ändrar man detta i kodmallen.
1. Gå in kodmallen och bläddra ner till denna koden, se nedan
2. Ta bort det markerade och ersätt med denna koden: <img src="LÄNK FRÅN DIN BILD">
3. Så här ska det se ut, se nedan, gör samma sak på kategorier, arkiv och länkar
Lägg sedan in länken från din bild där det står: länk från din bild
Spara och se hur det blev.
Tips! Om du enbart vill lägga in en bakgrund på rubrikerna kolla in detta inlägget [Länk]
Klar med Evelinas blogg
Ändra teckensnitt på rubriker
Ändra teckensnitt på rubrikerna i menyn till det man vill, gör man detta i stilmallen.
Gå in på stilmallen och bläddra ner till denna koden, se nedan, ändra teckensnitt till det du vill efter font-family:
Gå in på stilmallen och bläddra ner till denna koden, se nedan, ändra teckensnitt till det du vill efter font-family:
Ikon innan länk i menyn
För att skapa en ikon innan länk i menyn, gör man detta i kodmallen.
1. Ladda först upp en ikon du vill ha och kopiera länken till bilden.
2. Bläddra ner till <div id="side">
3. Kopiera denna koden: <img src="LÄNK FRÅN DIN BILD">
4. Lägg in den efter <li> som visas på bilden nedan:
5. Gör nu samma sak på Arkiv, Länkar och lägg koden efter <li>
6. Lägg in länken från din bild där det står: LÄNK FRÅN DIN BILD
1. Ladda först upp en ikon du vill ha och kopiera länken till bilden.
2. Bläddra ner till <div id="side">
3. Kopiera denna koden: <img src="LÄNK FRÅN DIN BILD">
4. Lägg in den efter <li> som visas på bilden nedan:
5. Gör nu samma sak på Arkiv, Länkar och lägg koden efter <li>
6. Lägg in länken från din bild där det står: LÄNK FRÅN DIN BILD
Update
Hejsan mina kära läsare nu är jag tillbaka, nu har jag utsett vinnaren i bloggdesign tävlingen
Vinnare blev Evelina [Länk]
Ska börja bygga på hennes blogg snart.
Nyhet! Det kommer att komma unik bloggdesign, som betyder att det bara finns en design av, så det är först till kvarn som gäller när dom kommer!
Passa på och skriv lite frågor om blogghjälp, så gör jag kanske ett inlägg om det!
Vinnare blev Evelina [Länk]
Ska börja bygga på hennes blogg snart.
Nyhet! Det kommer att komma unik bloggdesign, som betyder att det bara finns en design av, så det är först till kvarn som gäller när dom kommer!
Passa på och skriv lite frågor om blogghjälp, så gör jag kanske ett inlägg om det!
Ändra texten i inläggsrutan
För att ändra färg, teckensnitt och storlek på texten i inläggsrutan, gör man detta i stilmallen.
Bläddra ner till denna koden:
Förhandsgranska och spara.
Bläddra ner till denna koden:
Förhandsgranska och spara.
