Gällande forumet
Det är många som frågar om bloggforumet och försöker komma in på det, men det är så att forumet har gått i graven tills vidare.
Det kommer att dyka upp ett nytt forum, när jag väl har fått igång min nya design som jag jobbar på för fullt.
Jag beklagar att det blev så, men det nya forumet ska vi se om vi inte kan få igång lite snart igen.
Det kommer att dyka upp ett nytt forum, när jag väl har fått igång min nya design som jag jobbar på för fullt.
Jag beklagar att det blev så, men det nya forumet ska vi se om vi inte kan få igång lite snart igen.
(All ändring av din bloggdesign görs på egen risk, jag tar inget ansvar för om något blir fel. Min blogghjälp är ett redskap för att hjälpa er på vägen.)
©designadinblogg.se 2009

©designadinblogg.se 2009

Ändra färg och typsnitt i alla dina inlägg
Ett inlägg som verkligen behöver uppdateras lite.
Om du vill ändra texten i ditt inlägg, så finns det massor av olika koder du kan använda dig av, och jag kommer att förklara varje del var för sig, och sen är det upp till dig själv att välja vad du ska använda dig av.
Men, först och främst så ska du veta var i stilmallen du ska ändra.
Gör så här:
1. Gå in i din stilmall.

2. Leta upp kodavsnittet .entrybody{

På några stilmallar t ex Anchor, så ser det ut så här istället:

Det varierar alltså lite hur det ser ut mellan stilmallarna, men det är ändå .entrybody du ska hitta.
Nu kan du välja att ändra eller lägga till lite koder, beroende på hur mycket där redan står i din stilmall.
Tänk på att skriva allt på olika rader, och att du alltid avslutar med ett semikolon (;).
Dessa saker finns att ändra:
font-family - Det här är vilket typsnitt som används, dvs vilken stil texten har. Man kan lägga in flera olika, som du ser två bilder upp, men det är det första som används. De andra kommer till användning om det är så att datorn som är på din blogg, inte har just det typsnittet som du har valt att använda. För att se vad olika typsnitt heter, kan du gå in i word (om du har det på datorn) och kolla vad de olika typsnitten heter.
font-size - Här bestämmer du storleken på texten och det ska anges i pixlar, t ex font-size: 10px;
font-weight - Det här använder man för att bestämma hur fet texten skall vara. Det lättaste är att använda sig av hundratal, 100-900. (Nu står det medium, men ska du ändra, så välj ett hundratal istället)
color - Välj vilken färg du vill att texten skall ha. Ange färgen med #??????. Här har du en färgkarta.
line-height - Här kan du bestämma hur "luftig" texten skall vara, det är alltså avståndet mellan raderna som ändras. Högre siffra, desto mer utrymme mellan raderna i inlägget.
text-align - Var ska texten vara placerad? Ändra mellan left (vänsterjusterad), right (högerjusterad) och center (centrerad) eller låt det bara vara som det är.
padding - Här väljer du hur mycket luft du vill ha runt HELA din text. Testa med olika värden, men glöm inte bort vad du hade för värde i början om du vill ha det så igen.
background-color - Det kanske är så att du vill att din text ska ha en speciell bakgrundsfärg, då lägger du till det i stilmallen. Precis som med alla andra färger, så anger du färgen med #??????; och du hittar en färgkarta här: Färgkarta
Detta är ett exempel på hur det kan se ut:
.entrybody {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-weight: normal;
text-align:left;
color: #000000;
line-height: 140%;
background-color: #FFE5E5;
padding: 10px;
}
Observera att du ska skriva alla dessa koder efter .entrybody{ och på olika rader, detta för att det ska vara lättare för dig att läsa din egen kod sen.
Varje kodbit avslutas med ett semikolon och all kod avslutas sen med en } i slutet.
Om du tycker att det är lite bökigt att förstå, så kolla in videoinstruktionen där du kan följa mig steg för steg när jag gör dessa ändringar. Du hittar den uppe till höger i detta inlägget.
Om du vill ändra texten i ditt inlägg, så finns det massor av olika koder du kan använda dig av, och jag kommer att förklara varje del var för sig, och sen är det upp till dig själv att välja vad du ska använda dig av.
Men, först och främst så ska du veta var i stilmallen du ska ändra.
Gör så här:
1. Gå in i din stilmall.

2. Leta upp kodavsnittet .entrybody{

På några stilmallar t ex Anchor, så ser det ut så här istället:

Det varierar alltså lite hur det ser ut mellan stilmallarna, men det är ändå .entrybody du ska hitta.
Nu kan du välja att ändra eller lägga till lite koder, beroende på hur mycket där redan står i din stilmall.
Tänk på att skriva allt på olika rader, och att du alltid avslutar med ett semikolon (;).
Dessa saker finns att ändra:
font-family - Det här är vilket typsnitt som används, dvs vilken stil texten har. Man kan lägga in flera olika, som du ser två bilder upp, men det är det första som används. De andra kommer till användning om det är så att datorn som är på din blogg, inte har just det typsnittet som du har valt att använda. För att se vad olika typsnitt heter, kan du gå in i word (om du har det på datorn) och kolla vad de olika typsnitten heter.
font-size - Här bestämmer du storleken på texten och det ska anges i pixlar, t ex font-size: 10px;
font-weight - Det här använder man för att bestämma hur fet texten skall vara. Det lättaste är att använda sig av hundratal, 100-900. (Nu står det medium, men ska du ändra, så välj ett hundratal istället)
color - Välj vilken färg du vill att texten skall ha. Ange färgen med #??????. Här har du en färgkarta.
line-height - Här kan du bestämma hur "luftig" texten skall vara, det är alltså avståndet mellan raderna som ändras. Högre siffra, desto mer utrymme mellan raderna i inlägget.
text-align - Var ska texten vara placerad? Ändra mellan left (vänsterjusterad), right (högerjusterad) och center (centrerad) eller låt det bara vara som det är.
padding - Här väljer du hur mycket luft du vill ha runt HELA din text. Testa med olika värden, men glöm inte bort vad du hade för värde i början om du vill ha det så igen.
background-color - Det kanske är så att du vill att din text ska ha en speciell bakgrundsfärg, då lägger du till det i stilmallen. Precis som med alla andra färger, så anger du färgen med #??????; och du hittar en färgkarta här: Färgkarta
Detta är ett exempel på hur det kan se ut:
.entrybody {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-weight: normal;
text-align:left;
color: #000000;
line-height: 140%;
background-color: #FFE5E5;
padding: 10px;
}
Observera att du ska skriva alla dessa koder efter .entrybody{ och på olika rader, detta för att det ska vara lättare för dig att läsa din egen kod sen.
Varje kodbit avslutas med ett semikolon och all kod avslutas sen med en } i slutet.
Om du tycker att det är lite bökigt att förstå, så kolla in videoinstruktionen där du kan följa mig steg för steg när jag gör dessa ändringar. Du hittar den uppe till höger i detta inlägget.
(All ändring av din bloggdesign görs på egen risk, jag tar inget ansvar för om något blir fel. Min blogghjälp är ett redskap för att hjälpa er på vägen.)
©designadinblogg.se 2009

©designadinblogg.se 2009

Hjälp med sökningen här på sidan
Nu är det massor av folk som har kommenterat att det inte funkar att söka, eller rättare sagt att de sidor som kommer upp på google inte hittas, och det beror som sagt på att jag har bytt webbhotell och ändrat filändelsen på alla sidor för att kunna programmera i asp.
Jag har gjort en liten video för att förklara lite närmre hur ni gör för att få fram de inlägg som ni söker efter. Kolla det, så ska ni nog se att alla inlägg finns.
Jag har gjort en liten video för att förklara lite närmre hur ni gör för att få fram de inlägg som ni söker efter. Kolla det, så ska ni nog se att alla inlägg finns.
(All ändring av din bloggdesign görs på egen risk, jag tar inget ansvar för om något blir fel. Min blogghjälp är ett redskap för att hjälpa er på vägen.)
©designadinblogg.se 2009

©designadinblogg.se 2009

Skapa en animerad bild
Det finns många som undrar hur man gör för att skapa en animerad bild, och det finns massor av olika sätt att göra det på, men jag tänkte visa ett av de enklaste sätten, nämligen där bilden skiftar mellan olika bilder.

Man behöver ett animeringsprogram för att kunna göra detta, och det finns massor av olika sådana program att ladda hem. Vissa är gratis, vissa får man testa ett tag och vissa kostar pengar.
Jag har valt att använda mig av ett som är helt gratis, du kan själv välja nåt annat, men då får du komma på hur man gör själv.
Gör så här:
1. Ladda ner och installera Beneton Movie GIF (använd winzip för att packa upp filerna om du inte lyckas med windows)
Tänk på att avmarkera frågan om du vill ha Crawler som sökmotor, om du nu inte vill ha det förståss (se bild nedan)

2. Skapa de bilder som du vill använda i ditt bildprogram. Behöver du ett gratis bildprogram, kolla här då: Nyttiga webblänkar
3. Starta nu Animeringsprogrammet som du installerade i punkt 1.
4. Klicka på Add frame(s)

5. Bläddra fram till din första bild och ladda upp den. Gör likadant med alla andra bilder, tills det att du har samtliga bilder längst ner i fönstret (jag har bara två i exemplet).

6. Markera nu första bilden och fyll i hur lång tid just den bilden ska visas genom att fylla i ett tal där det står Delay 0 centiseconds. Ju högre tal, desto längre tid visas just den bilden.

7. Markera sen nästa bild och skriv i en tid för den med och upprepa detta för alla dina bilder.
8. Nu kan du trycka på play, och testa hur det ser ut.

9.Om du är nöjd med hur det hela ser ut, så klickar du på spara (disketten) och sparar ner bilden på din dator.

Sen är det bara att ladda upp den på din blogg och använda den som en vanlig bild.
Svårare än så är det inte.
Det finns massor av finesser och funktioner i det här programmet, som jag inte har hunnit sätta mig in i, men det är bara att testa och ha sig och våga göra fel. Vem vet, du kanske hittar en massa skojiga saker att använda.

Man behöver ett animeringsprogram för att kunna göra detta, och det finns massor av olika sådana program att ladda hem. Vissa är gratis, vissa får man testa ett tag och vissa kostar pengar.
Jag har valt att använda mig av ett som är helt gratis, du kan själv välja nåt annat, men då får du komma på hur man gör själv.
Gör så här:
1. Ladda ner och installera Beneton Movie GIF (använd winzip för att packa upp filerna om du inte lyckas med windows)
Tänk på att avmarkera frågan om du vill ha Crawler som sökmotor, om du nu inte vill ha det förståss (se bild nedan)

2. Skapa de bilder som du vill använda i ditt bildprogram. Behöver du ett gratis bildprogram, kolla här då: Nyttiga webblänkar
3. Starta nu Animeringsprogrammet som du installerade i punkt 1.
4. Klicka på Add frame(s)

5. Bläddra fram till din första bild och ladda upp den. Gör likadant med alla andra bilder, tills det att du har samtliga bilder längst ner i fönstret (jag har bara två i exemplet).

6. Markera nu första bilden och fyll i hur lång tid just den bilden ska visas genom att fylla i ett tal där det står Delay 0 centiseconds. Ju högre tal, desto längre tid visas just den bilden.

7. Markera sen nästa bild och skriv i en tid för den med och upprepa detta för alla dina bilder.
8. Nu kan du trycka på play, och testa hur det ser ut.

9.Om du är nöjd med hur det hela ser ut, så klickar du på spara (disketten) och sparar ner bilden på din dator.

Sen är det bara att ladda upp den på din blogg och använda den som en vanlig bild.
Svårare än så är det inte.
Det finns massor av finesser och funktioner i det här programmet, som jag inte har hunnit sätta mig in i, men det är bara att testa och ha sig och våga göra fel. Vem vet, du kanske hittar en massa skojiga saker att använda.
(All ändring av din bloggdesign görs på egen risk, jag tar inget ansvar för om något blir fel. Min blogghjälp är ett redskap för att hjälpa er på vägen.)
©designadinblogg.se 2009

©designadinblogg.se 2009

Problem med sökning efter inlägg
Det är många som har påpekat att det är massor av inlägg som inte funkar om man använder sig av sökfunktionen, och att det är en del inlägg som inte heller funkar som jag länkar till på bloggen.
Det hela beror på att när jag flyttade bloggen nu, så valde jag att gå över helt och hållet till .asp som programmeringsspråk, vilket innebär att alla sidor har fått filändelsen .asp istället för .html
Om du söker på ett inlägg, och får upp att sidan inte fungerar eller finns, kolla då uppe i adressfönstret om det står .html i slutet. Om det gör det, så ändra till .asp istället, så ska du nog få fram inlägget ifråga.
Tyvärr så är det inget jag kan påverka, då jag måste vänta på att google uppdaterar sina länkar på min sida.
Jag beklagar detta!
Det hela beror på att när jag flyttade bloggen nu, så valde jag att gå över helt och hållet till .asp som programmeringsspråk, vilket innebär att alla sidor har fått filändelsen .asp istället för .html
Om du söker på ett inlägg, och får upp att sidan inte fungerar eller finns, kolla då uppe i adressfönstret om det står .html i slutet. Om det gör det, så ändra till .asp istället, så ska du nog få fram inlägget ifråga.
Tyvärr så är det inget jag kan påverka, då jag måste vänta på att google uppdaterar sina länkar på min sida.
Jag beklagar detta!
(All ändring av din bloggdesign görs på egen risk, jag tar inget ansvar för om något blir fel. Min blogghjälp är ett redskap för att hjälpa er på vägen.)
©designadinblogg.se 2009

©designadinblogg.se 2009

Nu kör vi igen!
Efter mycket om och men, med koder som inte skickats och fel mappar på servern osv, så är Designa Din Blogg uppe igen.
Framtiden ser lite mer ljus ut nu, och jag har planer på att lansera nya designen så snart som möjligt, men har lite funktioner som skall ordnas först dock.
Men planen jag har är att få nya sidan aktiv från december.
En tråkig nyhet är att forumet ligger nere just nu, det kommer inte startas upp igen på ett tag, och när jag väl ska starta upp det igen så kommer jag behöva lite mer hjälp av folk som kan vara aktiva och hjälpa till att svara på frågor.
Men som sagt, det är ett kommande bekymmer.
Nu hoppas jag att allt funkar som det ska på sidan, men om du hittar saker som inte funkar som de ska, skriv en kommentar då, så ska jag se till att fixa det så snart som möjligt.
Tack för att ni har haft tålamodet att vänta på att jag skulle få sidan flyttad.
Framtiden ser lite mer ljus ut nu, och jag har planer på att lansera nya designen så snart som möjligt, men har lite funktioner som skall ordnas först dock.
Men planen jag har är att få nya sidan aktiv från december.
En tråkig nyhet är att forumet ligger nere just nu, det kommer inte startas upp igen på ett tag, och när jag väl ska starta upp det igen så kommer jag behöva lite mer hjälp av folk som kan vara aktiva och hjälpa till att svara på frågor.
Men som sagt, det är ett kommande bekymmer.
Nu hoppas jag att allt funkar som det ska på sidan, men om du hittar saker som inte funkar som de ska, skriv en kommentar då, så ska jag se till att fixa det så snart som möjligt.
Tack för att ni har haft tålamodet att vänta på att jag skulle få sidan flyttad.
(All ändring av din bloggdesign görs på egen risk, jag tar inget ansvar för om något blir fel. Min blogghjälp är ett redskap för att hjälpa er på vägen.)
©designadinblogg.se 2009

©designadinblogg.se 2009

Kan vara så att DDB ligger nere ett tag...
Det kan bli så att min sida ligger nere ett tag de närmsta dagarna.
Anledningen till detta är att jag har planer på att byta webhotell till ett som stödjer lite fler programmeringsspråk och även flera olika typer av databaser.
Allt detta har att göra med att jag håller på med en ny design till bloggen, som i sin tur kommer innehålla lite fler finesser som jag tror kommer göra sidan lite mer intressant i längden.
Som ni säkert har märkt, så har jag inte uppdaterat så mycket här, utan det handlar mest om att skapa fler videoinstruktioner och uppdatera gamla inlägg under tiden som jag pysslar med nya designen.
Men, som sagt, om DDB ligger nere ett tag de närmsta dagarna, så beror det på en flytt till nytt webhotell.
Det kan även vara så att forumet kommer försvinna, men då kommer jag nog köra igång det på nytt senare, men min förhoppning är att jag ska kunna få en backup av databasen så att inga inlägg eller så försvinner.

Anledningen till detta är att jag har planer på att byta webhotell till ett som stödjer lite fler programmeringsspråk och även flera olika typer av databaser.
Allt detta har att göra med att jag håller på med en ny design till bloggen, som i sin tur kommer innehålla lite fler finesser som jag tror kommer göra sidan lite mer intressant i längden.
Som ni säkert har märkt, så har jag inte uppdaterat så mycket här, utan det handlar mest om att skapa fler videoinstruktioner och uppdatera gamla inlägg under tiden som jag pysslar med nya designen.
Men, som sagt, om DDB ligger nere ett tag de närmsta dagarna, så beror det på en flytt till nytt webhotell.
Det kan även vara så att forumet kommer försvinna, men då kommer jag nog köra igång det på nytt senare, men min förhoppning är att jag ska kunna få en backup av databasen så att inga inlägg eller så försvinner.

(All ändring av din bloggdesign görs på egen risk, jag tar inget ansvar för om något blir fel. Min blogghjälp är ett redskap för att hjälpa er på vägen.)
©designadinblogg.se 2009

©designadinblogg.se 2009

Gör rubriken till en länk till kommentarsidan
Vissa bloggar har som så att man kan klicka på själva rubriken till ett inlägg för att komma till kommentarssidan, och jag tänkte visa hur man kan göra detta på ett enkelt sätt.
Om du vill se ett exempel, så kolla min videoinstruktion, där kan du se hur det hela ser ut och hur du gör steg för steg.
1. Gå in i dina kodmallar.

2. Leta upp koderna som ser ut så här:
<a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a>

3. Kopiera nu följande kod:
<a href="${EntryPermaLink}#comment">
Den ska du klistra in lite högre upp, innan <h3>${EntryTitle}</h3> så det ser ut så här:

4. Lägg till </a> efter </h3> så det ser ut så här:

5. Spara nu din kodmall, och kolla sen att det hela funkar.
Om du vill se ett exempel, så kolla min videoinstruktion, där kan du se hur det hela ser ut och hur du gör steg för steg.
1. Gå in i dina kodmallar.

2. Leta upp koderna som ser ut så här:
<a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a>

3. Kopiera nu följande kod:
<a href="${EntryPermaLink}#comment">
Den ska du klistra in lite högre upp, innan <h3>${EntryTitle}</h3> så det ser ut så här:

4. Lägg till </a> efter </h3> så det ser ut så här:

5. Spara nu din kodmall, och kolla sen att det hela funkar.
(All ändring av din bloggdesign görs på egen risk, jag tar inget ansvar för om något blir fel. Min blogghjälp är ett redskap för att hjälpa er på vägen.)
©designadinblogg.se 2009

©designadinblogg.se 2009

Omröstning - En annan variant (fnul.se)
En annan variant på hur man enkelt kan skapa en omröstning på sin blogg, är att använda sig av fnul.se och deras applikation.
Det kräver ingen som helst registrering, utan man kan skapa sin omröstning på sidan direkt, och sedan bara klistra in koden på sin blogg.
Så här kan det se ut:
Hur gör man då?
1. Gå in på fnul.se/omrostning
2. Fyll i de uppgifter som finns där, och klicka sen på Starta omröstningen.
3. Kopiera sedan koden som finns i rutan enligt bilden nedan.

4. Skriv nu ditt inlägg på bloggen.
5. När du vill ha din omröstning i inlägget, klicka då på HTML-knappen.

6. Klistra in koden i rutan som dyker upp, och klicka på uppdatera.

7. Nu är det bara att förhandsgranska och sen spara och publicera.
Det kräver ingen som helst registrering, utan man kan skapa sin omröstning på sidan direkt, och sedan bara klistra in koden på sin blogg.
Så här kan det se ut:
Hur gör man då?
1. Gå in på fnul.se/omrostning
2. Fyll i de uppgifter som finns där, och klicka sen på Starta omröstningen.
3. Kopiera sedan koden som finns i rutan enligt bilden nedan.

4. Skriv nu ditt inlägg på bloggen.
5. När du vill ha din omröstning i inlägget, klicka då på HTML-knappen.

6. Klistra in koden i rutan som dyker upp, och klicka på uppdatera.

7. Nu är det bara att förhandsgranska och sen spara och publicera.
(All ändring av din bloggdesign görs på egen risk, jag tar inget ansvar för om något blir fel. Min blogghjälp är ett redskap för att hjälpa er på vägen.)
©designadinblogg.se 2009

©designadinblogg.se 2009

Få fler besökare med bloggtrafik.nu
Ett enkelt sätt att samla ihop lite nya besökare till sin blogg är att bli medlem på bloggtrafik.nu.
Det är en sida som är helt gratis, där du kan samla poäng genom att värva folk eller bara genom att surfa på andra sidor.
För dessa poäng, så kommer din sida visas för andra som surfar runt och vill samla poäng, och på så vis får du fler besökare.
Bli medlem genom att klicka på annonsen nedan så har du 100 garanterade besökare direkt.

Det är en sida som är helt gratis, där du kan samla poäng genom att värva folk eller bara genom att surfa på andra sidor.
För dessa poäng, så kommer din sida visas för andra som surfar runt och vill samla poäng, och på så vis får du fler besökare.
Bli medlem genom att klicka på annonsen nedan så har du 100 garanterade besökare direkt.

(All ändring av din bloggdesign görs på egen risk, jag tar inget ansvar för om något blir fel. Min blogghjälp är ett redskap för att hjälpa er på vägen.)
©designadinblogg.se 2009

©designadinblogg.se 2009

Skapa en ruta att ha kod eller text i
Många frågar efter hur man skapar en sådan ruta som jag har i mina inlägg, där jag har lagt in koder som man skall kopiera.
Man kan använda den för att skapa en bildlänk, eller om man vill ha några andra koder som folk skall kunna kopiera.
Om du tycker att det är knepigt, kika på min videoinstruktion då, där du kan följa mig steg för steg på datorn.
Gör så här:
1. Börja med att skriva ett nytt inlägg på din blogg.
2. Där du vill ha rutan, skriver du KOD HÄR, för att lättare hitta den.
3. När du har skrivit klart hela ditt inlägg, tryck på Ändra redigerare.

4. Nu hamnar du i html-läge, och nu ska du leta upp KOD HÄR i själva koden och där ska du nu lägga in koden som finns i rutan nedanför (ersätt KOD HÄR med koden i rutan):
5. Där jag har skrivit DIN TEXT, där ska du lägga in själva texten/koden som du vill ska synas i rutan.
6. Vill du ändra på storleken på rutan, så ändrar du det på följande ställen (markerat med rött):
<textarea readonly="readonly" onclick="this.select();" onfocus="this.select();" wrap="soft" cols="40" rows="3">DIN TEXT</textarea>
Sen är det bara att klicka på förhandsgranska och se så att allt funkar som det ska.
Man kan använda den för att skapa en bildlänk, eller om man vill ha några andra koder som folk skall kunna kopiera.
Om du tycker att det är knepigt, kika på min videoinstruktion då, där du kan följa mig steg för steg på datorn.
Gör så här:
1. Börja med att skriva ett nytt inlägg på din blogg.
2. Där du vill ha rutan, skriver du KOD HÄR, för att lättare hitta den.
3. När du har skrivit klart hela ditt inlägg, tryck på Ändra redigerare.

4. Nu hamnar du i html-läge, och nu ska du leta upp KOD HÄR i själva koden och där ska du nu lägga in koden som finns i rutan nedanför (ersätt KOD HÄR med koden i rutan):
5. Där jag har skrivit DIN TEXT, där ska du lägga in själva texten/koden som du vill ska synas i rutan.
6. Vill du ändra på storleken på rutan, så ändrar du det på följande ställen (markerat med rött):
<textarea readonly="readonly" onclick="this.select();" onfocus="this.select();" wrap="soft" cols="40" rows="3">DIN TEXT</textarea>
Sen är det bara att klicka på förhandsgranska och se så att allt funkar som det ska.
(All ändring av din bloggdesign görs på egen risk, jag tar inget ansvar för om något blir fel. Min blogghjälp är ett redskap för att hjälpa er på vägen.)
©designadinblogg.se 2009

©designadinblogg.se 2009

Bild som länk
En fråga som dyker upp lite då och då är hur man gör för att få en bild att bli en klickbar länk.
Antingen kan man göra en bild till en länk i ett inlägg, eller så kanske man vill göra en klickbar bild som ligger i menyn, om man har en tävling på sin blogg t ex.
Jag ska visa hur man gör båda delarna, och för att underlätta ytterligare, så finns det även en videoinstruktion till detta inlägget med, som du hittar till höger.
Vi börjar med om du ska lägga in en länkad bild i ett inlägg.
1. Ladda upp din bild på din blogg.

2. Gå sen in för att skriva ett nytt inlägg. Lägg in lite text, och när du sen vill ha din bild i inlägget, så klickar du på knappen för att lägga in en bild.

3. Välj bilden som du laddat upp i punkt 1, och klicka sen på knappen Full storlek

4. Markera nu din bild, och klicka sen på Infoga/redigera länk.

5. Fyll i adressen som du vill länka till, och om du vill att sidan skall öppnas i ett nytt fönster eller i samma. Klicka sen på infoga.

6. Spara och publicera, så ska du se att allt är klart.
Om man nu vill lägga in en länkad bild i menyn, så måste man göra på ett annat sätt:
1. Ladda upp din bild på bloggen.

2. Högerklicka på miniatyrbilden du får fram, och välj öppna länk i ny flik (FF), eller öppna i ny flik (IE).

3. Då får du fram hela bilden i en ny flik, låt den fliken vara kvar, för adressen till bilden ska vi använda senare.

4. Gå nu in i dina kodmallar.

5. Nu ska du lägga in koden för själva länken och bilden. Kopiera koden som finns i rutan nedanför:
Var du ska lägga in den beror helt på var du vill ha den, men om det är i menyn, så ska du lägga in den under <div id="side">
6. Nu ska du lägga in själva länken, dvs adressen till din sida du länkar till, det gör du där det står adressen till sidan och sedan så skall du lägga in adressen till bilden som du laddade upp på din blogg innan, den som ligger öppen i en ny flik. Lägg in den adressen där det står adressen till bilden.
Sen är det bara att spara din kodmall och se om det hela funkar eller inte.
Har du problem, kolla min videoinstruktion där du kan följa mig stegvis när jag gör det på min dator.
Antingen kan man göra en bild till en länk i ett inlägg, eller så kanske man vill göra en klickbar bild som ligger i menyn, om man har en tävling på sin blogg t ex.
Jag ska visa hur man gör båda delarna, och för att underlätta ytterligare, så finns det även en videoinstruktion till detta inlägget med, som du hittar till höger.
Vi börjar med om du ska lägga in en länkad bild i ett inlägg.
1. Ladda upp din bild på din blogg.

2. Gå sen in för att skriva ett nytt inlägg. Lägg in lite text, och när du sen vill ha din bild i inlägget, så klickar du på knappen för att lägga in en bild.

3. Välj bilden som du laddat upp i punkt 1, och klicka sen på knappen Full storlek

4. Markera nu din bild, och klicka sen på Infoga/redigera länk.

5. Fyll i adressen som du vill länka till, och om du vill att sidan skall öppnas i ett nytt fönster eller i samma. Klicka sen på infoga.

6. Spara och publicera, så ska du se att allt är klart.
Om man nu vill lägga in en länkad bild i menyn, så måste man göra på ett annat sätt:
1. Ladda upp din bild på bloggen.

2. Högerklicka på miniatyrbilden du får fram, och välj öppna länk i ny flik (FF), eller öppna i ny flik (IE).

3. Då får du fram hela bilden i en ny flik, låt den fliken vara kvar, för adressen till bilden ska vi använda senare.

4. Gå nu in i dina kodmallar.

5. Nu ska du lägga in koden för själva länken och bilden. Kopiera koden som finns i rutan nedanför:
Var du ska lägga in den beror helt på var du vill ha den, men om det är i menyn, så ska du lägga in den under <div id="side">
6. Nu ska du lägga in själva länken, dvs adressen till din sida du länkar till, det gör du där det står adressen till sidan och sedan så skall du lägga in adressen till bilden som du laddade upp på din blogg innan, den som ligger öppen i en ny flik. Lägg in den adressen där det står adressen till bilden.
Sen är det bara att spara din kodmall och se om det hela funkar eller inte.
Har du problem, kolla min videoinstruktion där du kan följa mig stegvis när jag gör det på min dator.
(All ändring av din bloggdesign görs på egen risk, jag tar inget ansvar för om något blir fel. Min blogghjälp är ett redskap för att hjälpa er på vägen.)
©designadinblogg.se 2009

©designadinblogg.se 2009

Sverige - Ett u-land inom sjukvård?
Ingen har väl kunnat missa alla nedskärningar som sker inom sjukvården runt om i Sverige. Bara i Sundsvall skall det sparas 400 miljoner kronor, på en sjukvård som redan är bristfällig.Man läser lite på olika nättidningar om folk som felbehandlas, feldiagnostiseras, skickas hem med benbrott för att man tror det är en stukning eller liknande.
Senast idag så läste jag denna artikel om en 16-årig tjej som skickades hem med diagnosen nackspärr, två gånger när hon faktiskt hade fått en blodpropp, vilket ledde till hennes död.
Senaste tiden har jag även läst om flera fall då man har skickat hem folk med benbrott i tron att man bara haft en stukning. Men kom igen, som läkare måste man väl kunna upptäcka eller iaf misstänka ett benbrott och definitivt skilja det från en stukning, eller?
Hur svårt kan det vara att skicka iväg en patient på röntgen och ta några bilder för att försäkra sig om att det verkligen inte är ett benbrott?
Droppen som fick bägaren att rinna över för mig idag, och skriva detta inlägget var när jag fick en länk skickad till mig idag, till en blogg som handlar om en ung kvinna vid namn Annette som har drabbats av en dödlig hjärntumör, och där hennes kirurg och andra läkare har sagt att hon bör starta sin strålbehandlig omgående, så hon fick en remiss till Malmö, där hon får veta att det är 5-6 veckors väntetid innan hon får påbörja sin strålbehandling mot en dödlig hjärntumör.
Jösses säger jag, hur i hela fridens namn funkar sjukvården egentligen? Ska man behöva vänta 5-6 veckor innan man kan påbörja en livsviktig behandling???
Nu behöver Annette hjälp med att få en chans att iaf förlänga sitt liv lite, genom att påbörja sin strålbehandling omedelbart, så hon ber om hjälp att få tips och idéer om vad hon kan ta sig till.
Besök Annette här: Diagnoshjärntumör
Jag vet inte hur vi ska göra för att nå en bättre sjukvård än den vi har idag, det känns som att enda chansen är att privatisera mer, men det innebär nog att vi hamnar lite i samma läge som i USA, att man måste ha en sjukvårdsförsäkring, annars får man ingen vård. Men, jag vet inte, kanske är det värt det?
Något måste iaf göras tycker jag, för inte ska Sverige behöva vara ett u-land inom sjukvård?
**** Uppdatering ****
Jag och troligtvis många andra, har skickat mail till samtliga kvällstidningar för att uppmärksamma Annette's kamp, och idag så ser jag att Aftonbladet har skrivit en artikel!!! Hoppas att det kan gå lite snabbare nu.
Läs artikeln här: http://www.aftonbladet.se/nyheter/article5978593.ab
(All ändring av din bloggdesign görs på egen risk, jag tar inget ansvar för om något blir fel. Min blogghjälp är ett redskap för att hjälpa er på vägen.)
©designadinblogg.se 2009

©designadinblogg.se 2009

Samtliga videoinstruktioner
Här hittar du alla videoinstruktioner som jag har skapat på bloggen. Länk till inlägget hittar du med så att du kan läsa själva inlägget samtidigt:
Ändra texten i dina inlägg (091118)
Gör inläggsrubriken till en länk till kommentarsidan (091031)
Ruta med kod eller text på din blogg (091024)
Bild som länk (091021)
Bakgrundsbild i kommentarsrutan (091016)
Ta bort texten i headern (091013)
Ändra utseendet på dina länkar (091013)
Få texten runt bilden (091007)
Videoblogga med Videofy.me (091003)
Flytta upp sökrutan i headern (091002)
Lägg in youtubeklipp på din blogg (090926)
Lägg in en egen header (090924)
Ändra texten i dina inlägg (091118)
Gör inläggsrubriken till en länk till kommentarsidan (091031)
Ruta med kod eller text på din blogg (091024)
Bild som länk (091021)
Bakgrundsbild i kommentarsrutan (091016)
Ta bort texten i headern (091013)
Ändra utseendet på dina länkar (091013)
Få texten runt bilden (091007)
Videoblogga med Videofy.me (091003)
Flytta upp sökrutan i headern (091002)
Lägg in youtubeklipp på din blogg (090926)
Lägg in en egen header (090924)
(All ändring av din bloggdesign görs på egen risk, jag tar inget ansvar för om något blir fel. Min blogghjälp är ett redskap för att hjälpa er på vägen.)
©designadinblogg.se 2009

©designadinblogg.se 2009

Ändra utseende på dina länkar
Ytterligare ett inlägg som behöver uppdateras lite, och jag har även gjort en videoinstruktion som ni gärna får kolla på.
När det gäller länkarna på bloggen, så finns det lite olika typer av länkar man kan påverka och ändra.
Man kan ändra färger och även ta bort understrykning mm.
Dessa olika länkar finns:

1. Länkar i ett inlägg
2. Entrymeta, dvs länk för kommentarer, kategori, permalink och trackbacks.
3. Länkar i menyn
4. Länken i headern (bloggnamnet). Denna glömde jag nämna i videoinstruktionen.
I de flesta av stilmallarna som finns, så ändrar man dessa länkar på olika ställen.
1. Länkar i inlägg
Dessa ändrar man i koden som ser ut ungefär så här (andra färgkoder på olika stilmallar)

2. Entrymeta
Dessa länkar som finns i slutet på alla inlägg ändrar man i koden som heter entrymeta a:

3. Länkar i menyn
Länkarna i menyn ändrar man där det står nav a:

4. Länken i headern
Länken i headern som är själva bloggnamnet, det ändrar man där det står header a:

Nu vet du var man kan ändra sina länkar, tänk på att på vissa stilmallar så finns kanske inte alla dessa koder med, då brukar det vara så att bara första koden finns med, dvs det som styr länkarna i inläggen. Det innebär att den koden styr samtliga länkar på din blogg då.
Vad kan du ändra då?
Jo, du kan ändra färgen, genom att byta ut färgkoden mot en annan. För dig som inte har koll på vad färgkoden är, så är det den del som ser ut så här som exempel: #cc99cc;
Det du ändrar då är cc99cc mot något annat. Du hittar en färgkarta i menyn här på min sida.
Ta bort understrykningen
Om du vill ta bort understrykningen på dina länkar, så måste du lägga till en kodsnutt i stilmallen på dina länkar, t ex så här:
Före
a {
color: #A12573;
}
Efter
a {
color: #A12573; text-decoration: none;
}
Det jag har lagt till är alltså text-decoration: none;
OBS! Glöm inte semikolonet på slutet efter none.
Om du vill ändra utseendet på dina länkar när du håller muspekaren över dem, så är det i koden som heter a:hover

Om du skulle vilja ändra typsnittet, eller storleken på dina länkar, så kan du göra det genom att lägga till kod för det, t ex så här:
Före (vanlig standardutseende)
a {
color: #A12573;
}
Efter (annat typsnitt, större text och fetstil)
a {
color: #A12573;
font-family: verdana;
font-size: 20px;
font-weight: bold;
}
Tänk på att inte glömma semikolon efter varje sak du lägger till!
Nu tror jag att det här inlägget är bra mycket mer lättförståligt än det tidigare.
Om du vill göra det ännu mer lättförståligt, så kolla på videoinstruktionen med där jag visar varje steg. Den hittar du uppe till höger i början av detta inlägget.
När det gäller länkarna på bloggen, så finns det lite olika typer av länkar man kan påverka och ändra.
Man kan ändra färger och även ta bort understrykning mm.
Dessa olika länkar finns:

1. Länkar i ett inlägg
2. Entrymeta, dvs länk för kommentarer, kategori, permalink och trackbacks.
3. Länkar i menyn
4. Länken i headern (bloggnamnet). Denna glömde jag nämna i videoinstruktionen.
I de flesta av stilmallarna som finns, så ändrar man dessa länkar på olika ställen.
1. Länkar i inlägg
Dessa ändrar man i koden som ser ut ungefär så här (andra färgkoder på olika stilmallar)

2. Entrymeta
Dessa länkar som finns i slutet på alla inlägg ändrar man i koden som heter entrymeta a:

3. Länkar i menyn
Länkarna i menyn ändrar man där det står nav a:

4. Länken i headern
Länken i headern som är själva bloggnamnet, det ändrar man där det står header a:

Nu vet du var man kan ändra sina länkar, tänk på att på vissa stilmallar så finns kanske inte alla dessa koder med, då brukar det vara så att bara första koden finns med, dvs det som styr länkarna i inläggen. Det innebär att den koden styr samtliga länkar på din blogg då.
Vad kan du ändra då?
Jo, du kan ändra färgen, genom att byta ut färgkoden mot en annan. För dig som inte har koll på vad färgkoden är, så är det den del som ser ut så här som exempel: #cc99cc;
Det du ändrar då är cc99cc mot något annat. Du hittar en färgkarta i menyn här på min sida.
Ta bort understrykningen
Om du vill ta bort understrykningen på dina länkar, så måste du lägga till en kodsnutt i stilmallen på dina länkar, t ex så här:
Före
a {
color: #A12573;
}
Efter
a {
color: #A12573; text-decoration: none;
}
Det jag har lagt till är alltså text-decoration: none;
OBS! Glöm inte semikolonet på slutet efter none.
Om du vill ändra utseendet på dina länkar när du håller muspekaren över dem, så är det i koden som heter a:hover

Om du skulle vilja ändra typsnittet, eller storleken på dina länkar, så kan du göra det genom att lägga till kod för det, t ex så här:
Före (vanlig standardutseende)
a {
color: #A12573;
}
Efter (annat typsnitt, större text och fetstil)
a {
color: #A12573;
font-family: verdana;
font-size: 20px;
font-weight: bold;
}
Tänk på att inte glömma semikolon efter varje sak du lägger till!
Nu tror jag att det här inlägget är bra mycket mer lättförståligt än det tidigare.
Om du vill göra det ännu mer lättförståligt, så kolla på videoinstruktionen med där jag visar varje steg. Den hittar du uppe till höger i början av detta inlägget.






















