Jag har skapat några ikoner :)
Postat » 2011-08-07, 23:12:47 i kategori Blogg & Design -tips
Nu tror jag faktiskt att vi mer eller mindre har utrotat våra bananflugor i köket :) men från det ena till det andra så har jag ägnat större delen av dagen med att fixa i ordning en design, sen kom jag av mig med att skapa lite egna handritade ikoner som jag tänkte låta er ta del av. Men säg gärna till om ni lånar dom..
Jag skapade ikonerna för jag ville ha nå ikoner i slarvig stil, handritade lixom :)
Skapade även en tom ikonruta ifall ni vill rita dit nått eget.. om ni har nått annat ni vill ha i en sån ikon. Färgen jag har använt mig av och ritat symbolerna med är #FF0087
Tycker faktiskt dom är rätt så gulliga :)
Jag skapade ikonerna för jag ville ha nå ikoner i slarvig stil, handritade lixom :)
Skapade även en tom ikonruta ifall ni vill rita dit nått eget.. om ni har nått annat ni vill ha i en sån ikon. Färgen jag har använt mig av och ritat symbolerna med är #FF0087
Tycker faktiskt dom är rätt så gulliga :)
Gratis bakgrunder till er!
Postat » 2011-07-04, 16:12:36 i kategori Blogg & Design -tips
Har förresten lagt in en hel del nya gratis bakgrunder inne i min designverkstad. Det är bakgrunder som är fritt fram att låna som jag själv letat efter. Har gjort om dom i många olika färger och nyanser och önskas fler färger/nyanser så är det bara att säga till :)
--> Till designverkstan <--
--> Direkt till bakgrunderna <--
--> Till designverkstan <--
--> Direkt till bakgrunderna <--
Gör dina blogginlägg mer lättsamma!
Postat » 2011-05-20, 20:08:51 i kategori Blogg & Design -tips
Tänkte ge er bloggare lite enkla, små tips till hur ni kan skriva era inlägg för att dom inte ska bli svåra, tråkiga och tröttsamma.
1. Styckeindela texten. det är alltid lättare att läsa en styckeindelad text för att om allt står bara rakt upp och ner utan några stycken så blir det tröttsamt för ögat och man kan fort lessna på att läsa och framförallt så tappar man lätt bort sig! För någon som har dyslexi som mig så är det extra jobbigt om texten inte är styckeindelad!
2. Börja varje stycke med några ord eller en mening i fet stil. För att då händer det något i texten och även då blir inläggen mer lättlästa och det blir inte lika tröttsamt för ögat.
3. Försök att använda någon bild i varje inlägg. Det gör ju inte alltid jag heller, men det blir ju helt klart trevligare så!
4. Använd punkt, frågetecken, kommatecken, utropstecken och liknande där det ska avändas istället för att skriva ett inlägg rakt upp och ner. Glöm inte att använda stor bokstav också när det ska vara stor bokstav!
5. Se till att det händer saker i texten. För att sammanfatta de jag skrivit om i detta inlägg så är själva poengen att det är lättare, soligare och mindre tröttsmt att läsa ett inlägg där det händer saker. Händer saker gör det ju när man styckeindelar, börjar styckerna med fet stil, lägger in bilder och om man tänker på att använda punkt/kommatecken/utropstäcken/frågetäcken där de ska användas helt enkelt!
Bara för att förstärka det jag menar så ska jag nu skriva ett exempel på ett inlägg, på två olika sätt, så ni själva får se vad som är enklast att läsa! :)
Mitt namn är Ida Tallhed och jag är 23 år gammal. Jag bor i Motala tillsammans med min man sedan ungefär ett år tillbaka. I Augusti månad för 3 år sedan så tog vi ett stort steg i vårat liv, vi blev man och hunstru! Tillsammans har vi 2 hundar och en hel drös med akvariefiskar. Har du några djur?
På fritiden brukar vi tillsammans spendera tid med våra djur, se film och diskutera nya, coola tatueringsmotiv. Tatueringar och piercingar är ett gemensamt väldigt stort intresse som vi har. Vad är dina intressen? Har du några tatueringar eller piercingar?
Mitt namn är ida tallhed och jag är 23 år gammal jag bor i motala tillsammans med min man sedan ungefär ett år tillbaka i Augusti månad för 3 år sedan så tog vi ett stort steg i vårat liv vi blev man och hunstru tillsammans har vi 2 hundar och en hel drös med akvariefiskar har du några djur på fritiden brukar vi tillsammans spendera tid med våra djur se film och diskutera nya coola tatueringsmotiv tatueringar och piercingar är ett gemensamt väldigt stort intresse som vi har vad är dina intressen har du några tatueringar eller piercingar.
1. Styckeindela texten. det är alltid lättare att läsa en styckeindelad text för att om allt står bara rakt upp och ner utan några stycken så blir det tröttsamt för ögat och man kan fort lessna på att läsa och framförallt så tappar man lätt bort sig! För någon som har dyslexi som mig så är det extra jobbigt om texten inte är styckeindelad!
2. Börja varje stycke med några ord eller en mening i fet stil. För att då händer det något i texten och även då blir inläggen mer lättlästa och det blir inte lika tröttsamt för ögat.
3. Försök att använda någon bild i varje inlägg. Det gör ju inte alltid jag heller, men det blir ju helt klart trevligare så!
4. Använd punkt, frågetecken, kommatecken, utropstecken och liknande där det ska avändas istället för att skriva ett inlägg rakt upp och ner. Glöm inte att använda stor bokstav också när det ska vara stor bokstav!
5. Se till att det händer saker i texten. För att sammanfatta de jag skrivit om i detta inlägg så är själva poengen att det är lättare, soligare och mindre tröttsmt att läsa ett inlägg där det händer saker. Händer saker gör det ju när man styckeindelar, börjar styckerna med fet stil, lägger in bilder och om man tänker på att använda punkt/kommatecken/utropstäcken/frågetäcken där de ska användas helt enkelt!
Bara för att förstärka det jag menar så ska jag nu skriva ett exempel på ett inlägg, på två olika sätt, så ni själva får se vad som är enklast att läsa! :)
Mitt namn är Ida Tallhed och jag är 23 år gammal. Jag bor i Motala tillsammans med min man sedan ungefär ett år tillbaka. I Augusti månad för 3 år sedan så tog vi ett stort steg i vårat liv, vi blev man och hunstru! Tillsammans har vi 2 hundar och en hel drös med akvariefiskar. Har du några djur?
På fritiden brukar vi tillsammans spendera tid med våra djur, se film och diskutera nya, coola tatueringsmotiv. Tatueringar och piercingar är ett gemensamt väldigt stort intresse som vi har. Vad är dina intressen? Har du några tatueringar eller piercingar?
Mitt namn är ida tallhed och jag är 23 år gammal jag bor i motala tillsammans med min man sedan ungefär ett år tillbaka i Augusti månad för 3 år sedan så tog vi ett stort steg i vårat liv vi blev man och hunstru tillsammans har vi 2 hundar och en hel drös med akvariefiskar har du några djur på fritiden brukar vi tillsammans spendera tid med våra djur se film och diskutera nya coola tatueringsmotiv tatueringar och piercingar är ett gemensamt väldigt stort intresse som vi har vad är dina intressen har du några tatueringar eller piercingar.
Bakgrunder till bloggen!
Postat » 2011-05-19, 00:18:38 i kategori Blogg & Design -tips
Tänkte faktiskt dela med mig av lite olika bloggbakgrunder till er. Det är gratis bakgrunder som jag själv hittat på nätet, men kanske är de någon som vill ha dom i alla fall? Det är fritt fram att låna.
Ni får nöja er med dom här för denna gången, jag har mängder ;) vill ni ha dom i andra nyanser så säg till så kanske jag kan hjälpa dig att byta nyans på en bild :)
UPPDATE: Fler bakgrunder finner ni inne i min designverkstad. Där finns de några fler än dom här att välja på. I menyn till vänster inne i designverkstan finns de olika kategorier. Där finns en kategori som heter "gratis bakgrunder" där finner ni dom :)
Nya bakgrunder där kommer lite allt eftersom. Tycker ni det finns för lite, så säg gärna till så kan jag uppdatera med fler. Säg gärna vad för typ av bakgrunder ni vill ha. Ljusa, mörka? Gröna, rosa, bruna, blåa? svaga mönster, starka mönster? ja vad är ni ute efter?
Ni får nöja er med dom här för denna gången, jag har mängder ;) vill ni ha dom i andra nyanser så säg till så kanske jag kan hjälpa dig att byta nyans på en bild :)
UPPDATE: Fler bakgrunder finner ni inne i min designverkstad. Där finns de några fler än dom här att välja på. I menyn till vänster inne i designverkstan finns de olika kategorier. Där finns en kategori som heter "gratis bakgrunder" där finner ni dom :)
Nya bakgrunder där kommer lite allt eftersom. Tycker ni det finns för lite, så säg gärna till så kan jag uppdatera med fler. Säg gärna vad för typ av bakgrunder ni vill ha. Ljusa, mörka? Gröna, rosa, bruna, blåa? svaga mönster, starka mönster? ja vad är ni ute efter?
Hur man lägger till en ny kategori på bloggen
Postat » 2011-04-25, 16:15:46 i kategori Blogg & Design -tips
Det är rätt många som är relativt nya i bloggvärlden och som där med inte vet hur man skapar nya kategorier i sin blogg så därför tänker jag nu beskriva för er hur man gör det :)
1. Klicka på fliken blogg
2. Klicka sedan på underfliken Kategorier
3. Klicka sen på den gröna knappen till höger där de står "ny kategori".
(klicka på bilden så den blir större, då ser du även en bild med beskrivning på hur man gör)
4. Fyll i namnet på vad din nya kategori ska heta.
5. Tryck på spara kategori.
(klicka på bilden så den blir större, då ser du även en bild med beskrivning på hur man gör)
6. För att sen spara ett inlägg i din nya kategori så skriver du ett inlägg precis som vanligt.
7. Välj sedan vilken kategori inlägget ska sparas i. Väljer kategor gör man i rullgardinslisten längst ner när man skrivit ett inlägg.
8. Spara inlägget som vanligt.
(klicka på bilden så den blir större, då ser du även en bild med beskrivning på hur man gör)
1. Klicka på fliken blogg
2. Klicka sedan på underfliken Kategorier
3. Klicka sen på den gröna knappen till höger där de står "ny kategori".
(klicka på bilden så den blir större, då ser du även en bild med beskrivning på hur man gör)
4. Fyll i namnet på vad din nya kategori ska heta.
5. Tryck på spara kategori.
(klicka på bilden så den blir större, då ser du även en bild med beskrivning på hur man gör)
6. För att sen spara ett inlägg i din nya kategori så skriver du ett inlägg precis som vanligt.
7. Välj sedan vilken kategori inlägget ska sparas i. Väljer kategor gör man i rullgardinslisten längst ner när man skrivit ett inlägg.
8. Spara inlägget som vanligt.
(klicka på bilden så den blir större, då ser du även en bild med beskrivning på hur man gör)
Hur man lägger till/tar bort en länk bland länkarna i menyn på bloggen!
Postat » 2011-04-13, 01:00:48 i kategori Blogg & Design -tips
Alltid svårt att komma på en kortfattad men beskrivande rubrik till sånna här inlägg. Hur som helst så är det inte alla som har så stor koll på hur man lägger in nya länkar bland länkarna i menyn på bloggen, eller hur man tar bort dom som redan finns där, så här kommer en snabb, simpel förklaring på hur man gör det!
1. När du är inloggad på bloggen så trycker du på fliken Skapa.
2. Välj "underfliken" Länk.
3. Fyll i sökadressen, börja alltid med http://
4. Skriv vad länkens namn ska vara, alltså de den kommer heta bland länkarna i menyn sen.
5. Tryck på skapa länk.
Här kommer även en bild som förklarar;
(klicka på bilden för större format)
Om du vill ta bort någon länk som redan finns där så går du på fliken Arkiv --> Länkar --> markerar dom länkar du ska ta bort --> trycker på knappen "ta bort" längst ner.
1. När du är inloggad på bloggen så trycker du på fliken Skapa.
2. Välj "underfliken" Länk.
3. Fyll i sökadressen, börja alltid med http://
4. Skriv vad länkens namn ska vara, alltså de den kommer heta bland länkarna i menyn sen.
5. Tryck på skapa länk.
Här kommer även en bild som förklarar;
(klicka på bilden för större format)
Om du vill ta bort någon länk som redan finns där så går du på fliken Arkiv --> Länkar --> markerar dom länkar du ska ta bort --> trycker på knappen "ta bort" längst ner.
Hur man lägger in youtubeklipp på bloggen (variant 2)
Postat » 2011-03-15, 20:07:19 i kategori Blogg & Design -tips
Det är en del som frågar mig varför min beskrivning om hur man lägger in ett youtubeklipp på sin blogg, inte funkar. Detta beror på att man gör annorlunda nu mot för hur man gjorde innan. Så om mitt första sätt inte funkade så prova det här;
1. Gå in på youtube.com
2. Gå in på det klippet du vill ha in på din blogg
3. Tryck på knappen "bädda in" som finns under videon
4. Kryssa i "använd gammal inbäddningskod"
5. Välj videoklippets storlek
6. Kopiera koden
7. Gå in på din blogg och starta upp så du kan skapa ett nytt inlägg
8. Klicka på knappen i verktygsfältet som heter HTML, mellan där man skriver rubriken på inlägget och texten till inlägget.
9. Klistra in koden i den rutan som kopper upp
10. Nere i hörnet på de rutan står det "uppdatera", tryck där!
11. Sen skriver du den rubrik du vill och sparar inlägget så ligger klippet där.
Säg till om ni inte förstår!
1. Gå in på youtube.com
2. Gå in på det klippet du vill ha in på din blogg
3. Tryck på knappen "bädda in" som finns under videon
4. Kryssa i "använd gammal inbäddningskod"
5. Välj videoklippets storlek
6. Kopiera koden
7. Gå in på din blogg och starta upp så du kan skapa ett nytt inlägg
8. Klicka på knappen i verktygsfältet som heter HTML, mellan där man skriver rubriken på inlägget och texten till inlägget.
9. Klistra in koden i den rutan som kopper upp
10. Nere i hörnet på de rutan står det "uppdatera", tryck där!
11. Sen skriver du den rubrik du vill och sparar inlägget så ligger klippet där.
Säg till om ni inte förstår!
Tips - lär dig lite grunder!
Postat » 2011-02-19, 02:13:47 i kategori Blogg & Design -tips
Besökte just en blogg och hittade ett jätte bra inlägg som har med design att göra. Ett inlägg fullt av massa grunder som kan vara bra för er att ha koll på! Därför tänker jag nu tipsa er om det inlägget.
Pavlic.nu heter bloggen och tillhör Caroline! För att läsa inlägget jag skrivit om så klicka HÄR!
Där får du lära dig vad dom olika delarna i en design heter, då kommer du myyyycket lättare kunna göra enkla ändringar i din blogg :)
"osyligt" högerklicksskydd till bloggen!
Postat » 2011-02-12, 10:41:41 i kategori Blogg & Design -tips
För vissa av er så har inte högerklicksskyddet med popup funkat. Det kan vara något annat i bloggens koder som "stör ut" det. Men här kommer en väääldigt simpel verssion av ett högerklicksskydd. Det syns inte och det ploppar inte upp nått, utan den gör bara så att högerklicka inte funkar.
Kopiera denna Kod;
<body oncontextmenu="return false">
Klistra in den under <head> i din kodmall. (Om det mot förmodan inte skulle funka så ersätt <body> med <body oncontextmenu="return false"> istället.)
Glöm inte att göra samma sak på alla kodmallarna. Framsida, arkivsida, kategorisida och inläggssida! Bläddra mellan de olika kodmallarna med hjälp av en "rullgardin" som finns i högra hörnet i kodmallen.
här får du en hjälpbild som beskriver;
Om du inte förstår eller om det inte funkar, så säg till så kan jag hjälpa dig! :)
Kopiera denna Kod;
<body oncontextmenu="return false">
Klistra in den under <head> i din kodmall. (Om det mot förmodan inte skulle funka så ersätt <body> med <body oncontextmenu="return false"> istället.)
Glöm inte att göra samma sak på alla kodmallarna. Framsida, arkivsida, kategorisida och inläggssida! Bläddra mellan de olika kodmallarna med hjälp av en "rullgardin" som finns i högra hörnet i kodmallen.
här får du en hjälpbild som beskriver;
Om du inte förstår eller om det inte funkar, så säg till så kan jag hjälpa dig! :)
Hur man gör en print screen!
Postat » 2011-02-11, 23:40:47 i kategori Blogg & Design -tips
Ja det är faktiskt väldigt många som inta kan det men som gärna skulle vilja kunna det. Hur man gör en print varierar lite från dator till dator men jag utgår ifrån min bärbara ovh från våran stationära. Men gör olika på dom båda och jag antar att det är dom vanligaste sätten.
På våran stationära dator så trycker man helt enkelt bara ner tanjenten som heter prt sc (på vissa heter den print screen).
På min bärbara håller man in knappen som heter fn och trycker sedan ner prt sc.
När man gjort detta så kan man gå in exempelvis i paint och klistra in. och *vipps* så har du din print screen där :) Svårare än så är det inte!
Hur man skapar en header med genomskinlig bakgrund i photoshop.
Postat » 2011-02-08, 19:31:12 i kategori Blogg & Design -tips
Detta inlägg är en uppgöljning på mitt förra inlägg om hur man gör så man kan ha en header med genomskinlig bakgrund på bloggen. Detta inlägg beskriver lite kort hur man gör så headern får genomskinlig bakgrund i photoshop. Det hjälper ju inte att ha inställningar på bloggen för att kunna ha en header med genomskinlig bakgrund om man inte har genomskinlig bakgrund i sin header!
Så här gör man;
KLICKA PÅ BILDERNA HÄR NEDAN SÅ DU KAN SE TETXTEN I DOM SOM BESKRIVER HUR MAN GÖR!
När du följt instruktionerna på bilderna så sparar du din header i PNG. -format, annars funkar inte genomskinligheten! Sedan laddar du upp headern som vanligt (utgår från att du redan vet hur man gör det)
Så här gör man;
KLICKA PÅ BILDERNA HÄR NEDAN SÅ DU KAN SE TETXTEN I DOM SOM BESKRIVER HUR MAN GÖR!
När du följt instruktionerna på bilderna så sparar du din header i PNG. -format, annars funkar inte genomskinligheten! Sedan laddar du upp headern som vanligt (utgår från att du redan vet hur man gör det)
Hur man gör för att få bakgunden till hedern att kunna vara genomskinlig.
Postat » 2011-02-08, 19:01:50 i kategori Blogg & Design -tips
Ja, som jag nu lovat ett tag så ska jag försöka förklara till er hur ni gör som jag har, det vill säga genomskinlig bakgrund i min header. Anledningen till att jag har genomskinlig bakgrund i min header är att det blir så enkelt om man vill byta bakgrund på bloggen. Då byts de ju automatiskt även i headerns bakgrund.
Gör så här;
Nu har ni gjort klart i både stilmallen och kodmallen för att det ska funka. Nu gäller det att göra em header med genomskinlig bakgrund. Hur man gör bakgrunden genomskinlig kanske ni redan vet. Glöm inte att spara bilden i PNG format för annars funkar inte genomskinligheten i bilden.
När ni gjort eran header med genomskinlig bakgrund så laddar ni bara upp den och lägger den som vanligt i stilmallen där headern ska vara ;)
Vet du inte hur man gör bakgrunden i själva headern genomskinlig i photoshop så finns en beskrivning till det HÄR!
Gör så här;
Nu har ni gjort klart i både stilmallen och kodmallen för att det ska funka. Nu gäller det att göra em header med genomskinlig bakgrund. Hur man gör bakgrunden genomskinlig kanske ni redan vet. Glöm inte att spara bilden i PNG format för annars funkar inte genomskinligheten i bilden.
När ni gjort eran header med genomskinlig bakgrund så laddar ni bara upp den och lägger den som vanligt i stilmallen där headern ska vara ;)
Vet du inte hur man gör bakgrunden i själva headern genomskinlig i photoshop så finns en beskrivning till det HÄR!
Hur man lägger in en bild i kommentarsrutan
Postat » 2010-11-29, 00:05:46 i kategori Blogg & Design -tips
Detta är en fråga som många ställer.. Nämligen hur man lägger in en bild i kommentarsrutan. Så det ska ni få äran att veta :)
SÅ HÄR GÖR MAN:
1. Tryck på fliken skapa i din blogg.
2. Tryck sedan på underfliken bild.
3. Bläddra nu efter bilden du vill ha.
4. Tryck på ladda upp.
5. Nu kommer du se en miniatyr av bilden du valt. Klicka på bilden.
6. Nu ser du bilden i ett internefönster. Kopiera internetadressen till bilden.
7. Klistra tillfälligt in internetadressen i ett dokument eller något på datorn.
7. Backa nu ett steg.
8. Gå in i din stilmall.
9. Gå längst ner i din stilmall och klistra in följande kod:
textarea{
background-color: #ffd4ec;
background-image: url(http://din bildadress här);
border: 1px solid #ff8ecd;
color: #e3e3e3;
font-family: tahoma, arial, sans-serif;
font-size: 11px;
font-weight: normal;
width: 380px;
height: 200px;
}
input{
background-color: #ffd4ec;
border: 1px dashed #FF0087;
font-family: verdana;
color: #ff8ecd;
font-weight: bold;
font-size: 10px;
}
10. Ta nu och kopiera andressen till bilden igen.
11. Klistra in den i koden du nyss klistrade in din stilmall där det står: http://din bildadress här. Det är viktigt att inomparengteserna är kvar.
(BER OM URSÄKT ATT DE BLEV EN BILDLÖS BESKRIVNING, MEN DET SKA NOG GÅ BRA ÄNDÅ! OM INTE SÅ HOJTA TILL)
FÖR DIG SOM VILL LÄRA DIG LITE EXTRA:
Här kommer en förklaring på vad som styr vad i koden så ni vet det.
textarea{
background-color: #ffd4ec; <-- HÄR BYTER MAN BAKGRUNDSFÄRGEN I KOMMENTARSRUTAN
background-image: url(http://din bildadress här); <-- HÄR KLISTRAR MAN IN ADRESSEN TILL DEN BILD MAN VILL HA SOM BAKGRUND I KOMMENTARSRUTAN OM MAN VILLHA EN BILD.
border: 1px solid #ff8ecd; <-- HÄR BYTER DU FÄRG OCH BREDD PÅ RAMLINJEN RUNT KOMMENTARSRUTAN. öKA ANTALET PIXLAR OM DU VILL HA BREDARE RAMLINJE.
color: #e3e3e3; <-- HÄR BYTER DU FÄRG PÅ TEXTEN NÄR DOM SKRIVER I KOMMENTARSRUTAN.
font-family: tahoma, arial, sans-serif; <-- HÄR VÄLJER MAN TECKENSNITT. dEN LITSN KAN DU FLYLLA PÅ OM DU VILL, DE SOM STÅR FÖRST ÄR DET DEN VÄLJER I FÖRSTA HAND, MEN OM DET TECKENSNITTET INTE FINNS PÅ DEN DATOR MAN TITTAR PÅ BLOGGEN MED SÅ VISAS NÄSTA TECKENSNITT I LEDET.
font-size: 11px; <-- STORLEKEN PÅ TEXTEN SOM BLIR NÄR MAN SKRIVER I KOMMENTARSRUTAN
font-weight: normal; <-- DENNA BEHÖVER DU INTE BRY DIG OM.
width: 380px; <-- HÄR BESTÄMMER DU BREDDEN PÅ KOMMENTARSRUTAN
height: 200px; <-- HÄR BESTÄMMER DU HÖJDEN.
}
Hela den delen här ovanför styr kommentarsrutan och hela den delen här nedanför styr namn, e-post och url -tutorna. Av beskrivningen på delen här ovanför så förstår du även vad som styr vad här nedanför!
input{
background-color: #ffd4ec;
border: 1px dashed #FF0087;
font-family: verdana;
color: #ff8ecd;
font-weight: bold;
font-size: 10px;
border: 1px solid #ff8ecd;
}
SÅ HÄR GÖR MAN:
1. Tryck på fliken skapa i din blogg.
2. Tryck sedan på underfliken bild.
3. Bläddra nu efter bilden du vill ha.
4. Tryck på ladda upp.
5. Nu kommer du se en miniatyr av bilden du valt. Klicka på bilden.
6. Nu ser du bilden i ett internefönster. Kopiera internetadressen till bilden.
7. Klistra tillfälligt in internetadressen i ett dokument eller något på datorn.
7. Backa nu ett steg.
8. Gå in i din stilmall.
9. Gå längst ner i din stilmall och klistra in följande kod:
textarea{
background-color: #ffd4ec;
background-image: url(http://din bildadress här);
border: 1px solid #ff8ecd;
color: #e3e3e3;
font-family: tahoma, arial, sans-serif;
font-size: 11px;
font-weight: normal;
width: 380px;
height: 200px;
}
input{
background-color: #ffd4ec;
border: 1px dashed #FF0087;
font-family: verdana;
color: #ff8ecd;
font-weight: bold;
font-size: 10px;
}
10. Ta nu och kopiera andressen till bilden igen.
11. Klistra in den i koden du nyss klistrade in din stilmall där det står: http://din bildadress här. Det är viktigt att inomparengteserna är kvar.
(BER OM URSÄKT ATT DE BLEV EN BILDLÖS BESKRIVNING, MEN DET SKA NOG GÅ BRA ÄNDÅ! OM INTE SÅ HOJTA TILL)
FÖR DIG SOM VILL LÄRA DIG LITE EXTRA:
Här kommer en förklaring på vad som styr vad i koden så ni vet det.
textarea{
background-color: #ffd4ec; <-- HÄR BYTER MAN BAKGRUNDSFÄRGEN I KOMMENTARSRUTAN
background-image: url(http://din bildadress här); <-- HÄR KLISTRAR MAN IN ADRESSEN TILL DEN BILD MAN VILL HA SOM BAKGRUND I KOMMENTARSRUTAN OM MAN VILLHA EN BILD.
border: 1px solid #ff8ecd; <-- HÄR BYTER DU FÄRG OCH BREDD PÅ RAMLINJEN RUNT KOMMENTARSRUTAN. öKA ANTALET PIXLAR OM DU VILL HA BREDARE RAMLINJE.
color: #e3e3e3; <-- HÄR BYTER DU FÄRG PÅ TEXTEN NÄR DOM SKRIVER I KOMMENTARSRUTAN.
font-family: tahoma, arial, sans-serif; <-- HÄR VÄLJER MAN TECKENSNITT. dEN LITSN KAN DU FLYLLA PÅ OM DU VILL, DE SOM STÅR FÖRST ÄR DET DEN VÄLJER I FÖRSTA HAND, MEN OM DET TECKENSNITTET INTE FINNS PÅ DEN DATOR MAN TITTAR PÅ BLOGGEN MED SÅ VISAS NÄSTA TECKENSNITT I LEDET.
font-size: 11px; <-- STORLEKEN PÅ TEXTEN SOM BLIR NÄR MAN SKRIVER I KOMMENTARSRUTAN
font-weight: normal; <-- DENNA BEHÖVER DU INTE BRY DIG OM.
width: 380px; <-- HÄR BESTÄMMER DU BREDDEN PÅ KOMMENTARSRUTAN
height: 200px; <-- HÄR BESTÄMMER DU HÖJDEN.
}
Hela den delen här ovanför styr kommentarsrutan och hela den delen här nedanför styr namn, e-post och url -tutorna. Av beskrivningen på delen här ovanför så förstår du även vad som styr vad här nedanför!
input{
background-color: #ffd4ec;
border: 1px dashed #FF0087;
font-family: verdana;
color: #ff8ecd;
font-weight: bold;
font-size: 10px;
border: 1px solid #ff8ecd;
}
Allt i sin ordning igen..
Postat » 2010-11-28, 23:33:45 i kategori Blogg & Design -tips
Sådär gott folk! Nu funkar alla mina designtips som dom ska igen :) Ber om ursäkt till er som lånat mina koder om dom inte funkat! Men nu ska de funka.
Designtips!
Postat » 2010-11-28, 12:06:28 i kategori Blogg & Design -tips
Jag har märkt att de av någon anledning blit fel på koderna jag gett åt er i denna kategori. Anledningen till det verkar vara att dom ligger i rutan. Därflr kommer jag att eventuellt ta bort inläggen här eller så ser jag till att fixa till inläggen så koderna ligger fritt i inläggen istället för i små rutor!
Ha tålamod gott folk! ;)
Jag kommer även att radera mina gratisdesigner eftersom att jag inte har tid eller ork att sitta och göra dom!
Ha tålamod gott folk! ;)
Jag kommer även att radera mina gratisdesigner eftersom att jag inte har tid eller ork att sitta och göra dom!
Statestiksräknare på din blogg.
Postat » 2010-11-12, 20:35:04 i kategori Blogg & Design -tips
Jag har fått fler än en förfrågan om hur man kan ha en statestikräknare på bloggen så besökarna kan se hur populär bloggen är :) Det kan vara en ganska rolig finess kanske? :)
Det finns många olika ställen där man kan skapa sn statestikräknare runt om på nätet men jag har valt att använda mig av Cybertools. Det är en bra sida där dom har även kontaktformulär, gästbok och annat kul. Kan visa er senare hur man använder även dessa grejer.
1. Gå nu in på cybertools och skapa er ett konto där!
2. När ni skapat er kontot så ska du logga in!
3. Nu när du loggat in så ska du klicka på "skapa räknare" som ligger en bit under rubriken "verktyg" i menyn.
4. Nu väljer du vad din räknare ska heta. (det kommer inte att synas på bloggen vad detn heter så det är oviktigt)
5. Tryck på Ändra inställningar nu.
6. Välj utseénde för din räknare.
7. När du sparat inställningarna så trycker du på HTML-kod istället.
Nu gäller det att sätta in koderna på rätt plats också :P
8. Kopiera följande kod:
9. Gå in i din kodmall och klistra in koden någonstans där du vill ha din räknare. Förslagsvis i menyn. Då ska koden i så fall klistras in någonstans på lämplig plats under <div id="side">.
10. Om du nu kollar på koden jag bad dig klistra in så kommer du att se och förstå var du ska klistra in de olika koderna från cybertools. Men för att göra det extra klart för dig så ska du ersätta texten "KODEN FRÅN CYBERTOOLS HÄR!" med rätt kod från cybertools ;) Tror du klarar det.
VILL DU BYTA TECKENSNITT SÅ DE PASSAR MED ÖVRIG TEXT PÅ BLOGGEN SÅ SKRIVER DU BARA IN NAMNET PÅ DE TECKESNITT DU VILL HA DÄR JAG SKRIVIT "NAMNET PÅ TYPSNITTET". Det är inget måste, men skrev in koden för det där utifall att du vill ändra till något annat typsnitt än det som blir automatiskt :D
Glöm inte att spara kodmallen.
Är de något ni inte förstår så får ni mer än gärna fråga så kanske jag kan hjälpa er att förstå eller hjälpa er att sätta den på plats! :)
Det var svårt att förklara :P
Det finns många olika ställen där man kan skapa sn statestikräknare runt om på nätet men jag har valt att använda mig av Cybertools. Det är en bra sida där dom har även kontaktformulär, gästbok och annat kul. Kan visa er senare hur man använder även dessa grejer.
1. Gå nu in på cybertools och skapa er ett konto där!
2. När ni skapat er kontot så ska du logga in!
3. Nu när du loggat in så ska du klicka på "skapa räknare" som ligger en bit under rubriken "verktyg" i menyn.
4. Nu väljer du vad din räknare ska heta. (det kommer inte att synas på bloggen vad detn heter så det är oviktigt)
5. Tryck på Ändra inställningar nu.
6. Välj utseénde för din räknare.
7. När du sparat inställningarna så trycker du på HTML-kod istället.
Nu gäller det att sätta in koderna på rätt plats också :P
8. Kopiera följande kod:
9. Gå in i din kodmall och klistra in koden någonstans där du vill ha din räknare. Förslagsvis i menyn. Då ska koden i så fall klistras in någonstans på lämplig plats under <div id="side">.
10. Om du nu kollar på koden jag bad dig klistra in så kommer du att se och förstå var du ska klistra in de olika koderna från cybertools. Men för att göra det extra klart för dig så ska du ersätta texten "KODEN FRÅN CYBERTOOLS HÄR!" med rätt kod från cybertools ;) Tror du klarar det.
VILL DU BYTA TECKENSNITT SÅ DE PASSAR MED ÖVRIG TEXT PÅ BLOGGEN SÅ SKRIVER DU BARA IN NAMNET PÅ DE TECKESNITT DU VILL HA DÄR JAG SKRIVIT "NAMNET PÅ TYPSNITTET". Det är inget måste, men skrev in koden för det där utifall att du vill ändra till något annat typsnitt än det som blir automatiskt :D
Glöm inte att spara kodmallen.
Är de något ni inte förstår så får ni mer än gärna fråga så kanske jag kan hjälpa er att förstå eller hjälpa er att sätta den på plats! :)
Det var svårt att förklara :P
Google är din bästa vän!
Postat » 2010-11-12, 19:08:38 i kategori Blogg & Design -tips
Oj, just nu haglar det in frågor kring bloggdesign på min mejl, men jag kommer omöjligt hinna besvara alla! Däremot har jag ett litet tips. Google är din bästa vän! Ja, sök på google vad du söker så hittar du säkert andra bloggar som besvarat dom frågorna!
Ändra antalet synliga inlägg på din blogg.
Postat » 2010-11-07, 20:12:23 i kategori Blogg & Design -tips
Jag tänkte du att jag skulle lära dig hur enkelt de är att ändra antalet synliga inlägg på "förstasidan" i din blogg. Det enda du behöver göra är att gå in i din kodmall och söka upp området som heter: <div id="content"> och under där finns de en rad som heter: <tag:entrylist limit="15"> och det är siffran där du ska ändra! i mitt fall är siffran 15, de vill säga de 15 senaste inläggen visas på bloggen,.. ändra siffran och välj sedan att spara och då är de klart.
hoppas du förstod mitt sätt att föklara. om du undrar något så tveka inte att fråga.
undrar du något inom design?
hoppas du förstod mitt sätt att föklara. om du undrar något så tveka inte att fråga.
undrar du något inom design?
Högerklicksskydd med pop-up meddelande!
Postat » 2010-11-07, 20:05:46 i kategori Blogg & Design -tips
För att få ett högerklicksskydd med pop-up meddelande på din blogg så ska du kopiera följande kod:
<title>${BlogTitle} - ${BlogDescription}</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="generator" content="${AppUrl}" />
<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
<link rel="alternate" href="${BlogUrl}index.rss" type="application/rss+xml" title="RSS" />
<script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>
<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>
<script language="JavaScript" type="text/javascript">
<!-- Begin
var message="Inget material tas från min blogg utan att fråga först !";
if (navigator.appName == 'Microsoft Internet Explorer'){
function NOclickIE(e) {
if (event.button == 2 || event.button == 3) {
alert(message);
return false;
}
return true;
}
document.onmousedown=NOclickIE;
document.onmouseup=NOclickIE;
window.onmousedown=NOclickIE;
window.onmouseup=NOclickIE;
}
else {
function NOclickNN(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}}}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=NOclickNN; }
document.oncontextmenu=new Function("alert(message);return false")}
// End -->
</script>
* Klistra in koden precis under <head> i din kodmall.
* Sök upp texten: Inget material tas från min blogg utan att fråga först.
* Byt ut den texten mot valfritt meddelande.
* Spara kodmallen!
(glöm inte att lägga in skyddet i alla kodmallarna. Det vill säga framsidan, arkivsidan, kategorisidan och inläggssidan. Byter mellan dom olika kodmallarna gör du uppe i högra hörnet i en rullgardinslist i kodmallen)
<title>${BlogTitle} - ${BlogDescription}</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="generator" content="${AppUrl}" />
<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
<link rel="alternate" href="${BlogUrl}index.rss" type="application/rss+xml" title="RSS" />
<script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>
<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>
<script language="JavaScript" type="text/javascript">
<!-- Begin
var message="Inget material tas från min blogg utan att fråga först !";
if (navigator.appName == 'Microsoft Internet Explorer'){
function NOclickIE(e) {
if (event.button == 2 || event.button == 3) {
alert(message);
return false;
}
return true;
}
document.onmousedown=NOclickIE;
document.onmouseup=NOclickIE;
window.onmousedown=NOclickIE;
window.onmouseup=NOclickIE;
}
else {
function NOclickNN(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}}}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=NOclickNN; }
document.oncontextmenu=new Function("alert(message);return false")}
// End -->
</script>
* Klistra in koden precis under <head> i din kodmall.
* Sök upp texten: Inget material tas från min blogg utan att fråga först.
* Byt ut den texten mot valfritt meddelande.
* Spara kodmallen!
(glöm inte att lägga in skyddet i alla kodmallarna. Det vill säga framsidan, arkivsidan, kategorisidan och inläggssidan. Byter mellan dom olika kodmallarna gör du uppe i högra hörnet i en rullgardinslist i kodmallen)
Länka ett ord i ett inlägg
Postat » 2010-11-07, 19:58:39 i kategori Blogg & Design -tips
Nu ska jag lära er hur man länkar ett specifikt ord i ett inlägg istället för att skriva ut hela adressen direkt i inlägget. Hmm.. svårt att förklara hur jag menar ;) Men jag menar så här:
1. Börja med att skriva ditt inlägg.
2. Marekera texten som ska bli en länk.
3. Klicka på knappen i "verktygsfältet" som ser ut som en länk.
4. Nu ploppar det upp en ruta. Fyll i adressen till sidan som ska länkas. Adressen måste skrivas som http:// för att funka. (ex. http://idatallhed.se istället för www.idatallhed.se)
5. Välj sedan om länken ska öppnas i nytt fönster eller i samma fönster. Det väljer du där de står "mål".
6. Tryck sedan på infoga.
7. Spara inlägget så är de klart :)
1. Börja med att skriva ditt inlägg.
2. Marekera texten som ska bli en länk.
3. Klicka på knappen i "verktygsfältet" som ser ut som en länk.
4. Nu ploppar det upp en ruta. Fyll i adressen till sidan som ska länkas. Adressen måste skrivas som http:// för att funka. (ex. http://idatallhed.se istället för www.idatallhed.se)
5. Välj sedan om länken ska öppnas i nytt fönster eller i samma fönster. Det väljer du där de står "mål".
6. Tryck sedan på infoga.
7. Spara inlägget så är de klart :)
Smilisar i bloggen
Postat » 2010-11-07, 19:26:25 i kategori Blogg & Design -tips
Skulle du vilja ha smilisar i dina inlägg som du skriver? Det kan vara rätt så charmigt och sött. Jag tänkte i alla fall berätta för er nu hur man gör:
Vill du ha gråa smilisar så ska du kopiera denna kod:
Vill du ha gula smilisar så kopierar du denna kod:
klistra in den koden du valde i din kodmall någonstans mellan <head> och </head>
Kommandon för att använda smilisarna i inläggen:
Stödj rosa bandet på bloggen
Postat » 2010-11-05, 16:06:13 i kategori Blogg & Design -tips
Vill du ha en rosa bandet -banderoll i hörnet på din blogg för att stödja rosa bandet, men du vet inte hur man gör? ja, då har du kommit rätt. så här gör man:
(klickbar bild)
1. Gå in i din kodmall
2. Klistra in följande kod precis under <body>
<script type="text/javascript" src="http://kampanj.cancerfonden.se/blog_badge/js/badge.pack.js"></script>
Sen är det bara spara skiten så är den där den ska ! :D
Vill du ha den på alla sidor i bloggen och inte bara på startsidan, ja då klistar du helt enkelt in koden i alla kodmallarna. Alltså på arkivsidan, kategorisidan och inläggssidan också :)
Om du fortfarande inte förstår så är det barja hojta till så ska jag se om jag kan hjälpa er :)
(klickbar bild)
1. Gå in i din kodmall
2. Klistra in följande kod precis under <body>
<script type="text/javascript" src="http://kampanj.cancerfonden.se/blog_badge/js/badge.pack.js"></script>
Sen är det bara spara skiten så är den där den ska ! :D
Vill du ha den på alla sidor i bloggen och inte bara på startsidan, ja då klistar du helt enkelt in koden i alla kodmallarna. Alltså på arkivsidan, kategorisidan och inläggssidan också :)
Om du fortfarande inte förstår så är det barja hojta till så ska jag se om jag kan hjälpa er :)
Hur man lägger in YouTube -klipp på bloggen
Postat » 2010-10-24, 17:49:23 i kategori Blogg & Design -tips
Till den stora, eviga frågan! Hur laddar man in youtubeklipp på bloggen? Och hur gör man så de bara är "play-remsan" utan själva videon? Jo, det ska ni få lära er nu! Bilderna i detta inlägg förstoras när du klickar på dom. Bilderna visar hur jag menar med det jag förklarat!
Börja med at gå in på YouTube :)
Gå sedan in på det klipp du vill ha in på bloggen!
Till höger ovanför kommentarerna/under videon finns det en knapp som heter <Bädda in>, klicka på den!
När du har klickat på den kanppen så kommer de upp en kåd till vänster. Den kåden ska du kopiera! Men om du vill så kan man välja färg på den också genom att klicka på någon av färgerna under kåden. Men glöm inte att välja färgen före du kopierar kåden!
När du har kopierat kåden så går du in på din blogg där du skriver inlägg och klickar på den lilla knappen HTML som finns mellan där man skriver rubrik och inlägg.
Då kommer de upp en ruta och i den klistar du in kåden som du kopierat.
Om du ville ta bort själva videoklippet och bara ha "play-remsan" kvar så de ser ut så här:
Då ändrar du height i koden till 25. Tänk på att det är två ställen det ska ändras på.
Om du vill ha videon kvar så ska du inte ändra någonstans.
Nu ska du klicka på knappen uppdatera i de vänstra hörnet i rutan där du klistrst in din kåd.
Sen är de bara fortsätta skriva ditt inlägg som vanligt, sen spara och *vipps*, du har ett YouTube -klipp på bloggen :D
OM DU INTE FÖRSTÅR MINA FÖRKLARINGAR SÅ FÅR DU GÄRNA FRÅGA! :)
Börja med at gå in på YouTube :)
Gå sedan in på det klipp du vill ha in på bloggen!
Till höger ovanför kommentarerna/under videon finns det en knapp som heter <Bädda in>, klicka på den!
När du har klickat på den kanppen så kommer de upp en kåd till vänster. Den kåden ska du kopiera! Men om du vill så kan man välja färg på den också genom att klicka på någon av färgerna under kåden. Men glöm inte att välja färgen före du kopierar kåden!
När du har kopierat kåden så går du in på din blogg där du skriver inlägg och klickar på den lilla knappen HTML som finns mellan där man skriver rubrik och inlägg.
Då kommer de upp en ruta och i den klistar du in kåden som du kopierat.
Om du ville ta bort själva videoklippet och bara ha "play-remsan" kvar så de ser ut så här:
Då ändrar du height i koden till 25. Tänk på att det är två ställen det ska ändras på.
Om du vill ha videon kvar så ska du inte ändra någonstans.
Nu ska du klicka på knappen uppdatera i de vänstra hörnet i rutan där du klistrst in din kåd.
Sen är de bara fortsätta skriva ditt inlägg som vanligt, sen spara och *vipps*, du har ett YouTube -klipp på bloggen :D
OM DU INTE FÖRSTÅR MINA FÖRKLARINGAR SÅ FÅR DU GÄRNA FRÅGA! :)
Fallande snö på bloggen
Postat » 2010-10-23, 23:35:30 i kategori Blogg & Design -tips
Nu när snön börjat falla i stora delar av sverige så kanske de skulle passa sig med lite fallande snö i bloggen? Så här kommer en förklaring på hur du skaffar det!
Klistra in följande kod precis under <head> i din kodmall. Sedan är de bara att spara och *pang* så har du fallande snö på din blogg :)
Vill du ändra färg på snön eller byta ut "snöbollarna" mot något av följande tecken:
♣ ♥ ♦ ☆ ♫ * ¤ •
så söker du upp kodavsnittet i koden som ser ut så här:
document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#f0feff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");
Byt ut det jag gjort med fet och understruken stil mot den färg och de tecken du vill ha. Färgtips kan du hitta HÄR!
Klistra in följande kod precis under <head> i din kodmall. Sedan är de bara att spara och *pang* så har du fallande snö på din blogg :)
<script type="text/javascript">
Width =1200; // ange bredden på sidan som ska snöas in...
Height =7000; // ange höjden på sidan som ska snöas in...
Count =50; // antal snöflingor OBS! ange inte för stort antal!
MaxStep=3; // max steg i rörelsen
MinStep=1; // min steg i rörelsen
MaxFlake=10; // max storlek på snöflinga
MinFlake=4; // min storlek på snöflinga
PosX = new Array();
PosY = new Array();
StepX = new Array();
StepY = new Array();
StarSize=new Array();
for (i = 0; i < Count; i++) {
PosX[i] = Math.random()*Width;
PosY[i] = Math.random()*Height;
StepX[i] =MinStep+Math.random()* -MaxStep;
StepY[i] =MinStep+Math.random()* MaxStep;
StarSize[i]=MinFlake+Math.random() * MaxFlake;
document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#f0feff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");
}
function animate() {
for (i = 0; i < Count; i++) {
PosY[i] += StepY[i];
PosX[i] += StepX[i];
document.getElementById("Obj"+i).style.visibility = "visible";
if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås
PosX[i] = Math.random()*Width; ///2
PosY[i] = -20;
StepX[i] = MinStep+Math.random()* -MaxStep;
StepY[i] = MinStep+Math.random()* MaxStep;
}
document.getElementById("Obj"+i).style.top = PosY[i] + "px";
document.getElementById("Obj"+i).style.left = PosX[i] + "px";
}
setTimeout("animate()", 50);// hastighet
}
setTimeout("animate()", 1000);
</script>
Vill du ändra färg på snön eller byta ut "snöbollarna" mot något av följande tecken:
♣ ♥ ♦ ☆ ♫ * ¤ •
så söker du upp kodavsnittet i koden som ser ut så här:
document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#f0feff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");
Byt ut det jag gjort med fet och understruken stil mot den färg och de tecken du vill ha. Färgtips kan du hitta HÄR!
