Bloggdesignfrågor
Vänligt, men bestämt; Nej jag svarar inte på bloggdesignfrågor.
Jag vet att många tycker att det är en sån "liten grej" för mig att "bara berätta lite snabbt" hur man gör olika saker, för jag vet ju hur man gör.
Men grejen är att för varje svar jag ger, får jag tio följdfrågor... och det är inte bara en person som frågar mig dessa frågor, utan hundratals varje dag.. i kommentarsfältet, på min mejl, på min msn (som för övrigt är min privata) och till och med min facebook.
Och "lite snabbt"? Det finns inga genvägar, tyvärr. Att förklara och att lära sig tar tid.
Jag har haft blogghjälp och arbetat med frågebesvaring under en väldigt lång tid, men sedan jag slutade med det så har det känts om att en sten lyfts från mina axlar.
Jag orkar inte med att vara uppslagsbok längre. Det är inte tacksamt överhuvudtaget - jag blir bara en sån där person som folk går till för att få svar och det är inte så jag vill att det ska vara.
Man måste kämpa lite om man vill ha något. Jag lärde mig den svåra vägen, genom att sitta själv dagarna i ända och söka på google. Från noll till att göra den bloggdesignen jag har idag. Jag har tagit mig hit själv.
Numera finns det mängder av forum som jobbar för att underlätta bloggdesignandet, sedan bloggandet växt sig så pass stort. De är till och med skräddarsydda efter blogg.se och webblogg.se och ändå duger det inte för vissa, som vill ha svaret rakt i handen utan minsta ansträngning.
Jag vet att det är jobbigt ibland, det är det verkligen. När allt kör ihop sig och man bara vill slänga ut datorn genom fönstret... Men kämpa på.. Löser ni problemet själva, så lär ni er av det. Jag har gjort så himla mycket fel i mina dagar... haha... och som jag slitit mitt hår.. och blä inget har funkat.. men nu gör det det - efter att jag har börjat om gång på gång...
Men även jag kommer till väghinder och det finns minsann ingen som sitter och berättar för mig hur jag ska göra.. :)
Bra sidor för bloggdesignande:
- Designadinblogg.se
- Bloggdesign.nu
- Blogghjälp.se
Hjälpforum
Hur gör man?! :O:O Vad har jag gjort för fel?! Jag är desperat!
Allt har förstörts!! Var ändrar jag det?! Ingen svarar!!
Jag får dagligen mejl och kommenterer från tjejer och killar
som är "desperata" efter hjälp.
De upplever det som svårt att få svar på designadinblogg.
Lari har dock kommit med en lösning på problemet och skapat ett forum när du kan ställa dina frågor. På forumet är det inte bara Lari som svarar, utan vem som helst kan gå in och svara och utöver det har han dessutom anlitat ett antal moderatorer - bland annat mig.
Så har du problem med din design?
Behöver du förklaringar?
Vill du göra relam för din blogg?
Visa bilder du tagit?
Ställa frågor om foto?
Hjälp med photoshop?
Bli medlemmar där! :)
Jag kommer fortsätta att ignorera bloggdesignfrågor på min blogg, som jag gjort i ett år nu. Men i forumet är ni välkomna. Där kommer jag svara så ofta jag hinner och när jag inte hinner så finns det någon annan där :)
Har testat det här en vecka nu och det är riktigt smart! :)
- TILL FORUMET
Snö-script
Jag pallar helt enkelt inte att svara på 257 mejl ang snöscriptet.. haha.. tror jag underskattade min blogg ännu en gång... eh...
Inlägg raderat.
1. Scrptet är inte fel, det blir bara något fel när man kopierar det från bloggar.
2. Ni ska inte radera något, har aldrig sagt något om det! haha :P
3. Gå in på AnnaPhe's blogg för att få det att fungera.
Hur jag lärde mig....
Många som tycker att jag är duktig och undrar hur jag lärt mig allt, så vi kan lika gärna dra det högt nu med en gång, när det ändå är altuellt....
Jag har lärt mig allt jag kan helt själv.
Allting började i april-maj förra året när jag såg alla stora bloggares snygga designer.
Eller främst var det väl Emma som hade gjort deras designer, som fick mig att få gråa hår för att jag inte kunde lika mycket som henne. Hon var the real queen på den tiden då bloggning inte var lika hett i rampljuset som det är idag.
Det var på den där tiden när jag var en irriterande liten bloggerska som inte visste hur man la in youtubeklipp eller hur man bytte bilder i headern (inget ont mot er som inte kan det nu va) och frågade precis ALLA om hjälp, men utan resultat. Ingen svarade och alla var så taskiga - tyckte jag då.
Nu idag förstår jag ju hur många miljoner exemplar de fick utav samma fråga som jag ställde, så jag förstår att de inte svarade mig....... haha......
Deras nonchalans var anledningen till varför jag, till en början av min "karriär som stor bloggare", öppet tog emot bloggfrågor och hade en blogghjälp - för att jag inte ville att allt skulle vara så hopplöst som jag tyckte att det var.
(Nu finns ju som tur är designadinblogg.se, där vi vet att det finns svar, så nu behöver jag inte svara på sånna frågor längre.....)
Vad jag vill säga är att jag gav mig inte när allt var som jobbigast!
När jag inte hittade koden till youtubeklippen så testade jag med allt jag kunde på youtubes sida. Tills det funkade.
När jag inte visste hur man gjorde något så använde jag google - min räddare i nöden.
Kära vänner, det går att hitta svaren på precis ALLT ni frågar på google - tro mig.
Speciellt nu när bloggande (speciellt på blogg.se) är så hett och inne som det är nu.
Så efter tre månaders kodning var jag tydligen så bra att andra ville att jag skulle göra deras designer - vilket jag också gjorde. Till en början.
När jag ser på det idag är det väl inget att hänga i julgranen, men det var starten på allt det här som pågår just nu.... En ständig utveckling....
Och på tal om det:
Det går inte att hoppa på ett tåg i farten och hoppas att det går snabbare att komma fram...
Ni måste stiga på vid stationen och ta er fram från punkt A till B.
Det känns som att några av er inte orkar leta. Eller så vill ni inte.
Ni vill ha allt serverat i händerna på er - TROTS att designadinblogg faktiskt existerar som ett facit till alla svåra matteprov för er, vilket det inte fanns för mig....
Och tro mig när jag säger...
Det är den med störst vilja (trots dåliga förutsättningar) som klarar sig längst och som blir bäst.
Du måste bara ge dig fan på att du klarar det, så gör du det.
Och kom inte och klaga på dåligt tålamod - för hörreni.... JAG har världens sämsta tålamod! Jag lovar! Men var är jag nu?!
Haha kom igen nu! ;)
BLOGGHJÄLP: Lösenordsskydda vissa inlägg
BLOGGHJÄLP: Hitta de du söker
Eftersom jag inte svarar på bloggfrågor, kan jag i alla fall tala om hur NI får svar på era frågor.
1. Gå in på Designadinblogg.se.
Och leta upp sökrutan.
2. Sök på det du vill veta.
Har du sökt på google någon gång så vet du förmodligen hur man ska formulera sig för att få rätt träffar.
Vill du veta hur man ändrar färg på länkarna?
ändra färg länkar
Vill du veta hur man lägger in en text i menyn (typ "om mig")?
text menyn
Ganska simpelt, eller hur? :)
3. Leta bland träffarna.
Det här är det absolut bästa sättet som finns.
Befintliga texter.
Frågar folk, det gör man sist när allt hopp är ute ;)
Men eftersom jag sökt upp sidor åt er genom designa din blogg typ miljoner gånger, så VET jag att jag har fått träffar på precis allt jag sökt på.
Det vore konstigt om ni inte hittade det med andra ord :)
Lycka till :)
Slut. Förgott.
Härmed är det klart att jag aldrig kommer införa blogghjälp på min blogg igen.
Dels för att Lari har en sådan klockren blogg, att jag borde skicka alla dit. Men också för att det har varit så otroligt skönt att inte hålla på att svara på samma frågor miljoner gånger till olika personer.
Ni fattar inte vilken lättnad det är! Haha :)
Jag har fått masa fritid tillbaka....
Tack <3
BLOGGHJÄLP: Avbruten
Har en massa saker i skolan som jag behöver koncentrera mig på och dessutom har jag inte orkat illustrera något (!), som ni kanske märkt, för att tiden att svara på sånna här mejl och kommentarer tagit musten ur mig.
Behöver en liten paus.
Kanske tar tillbaka detta senare när jag fått "andas" lite, för som sagt så gillar jag att hjälpa.
Till så länge kan ni kolla in dessa två sötnosar:
Lari - Svarar på era frågor och hjälper er med bloggkodningen.
Linda - Gör gärna era bloggdesigner :)
BLOGGHJÄLP: Stilmallen - Var ändrar jag och vad?
Här har jag tagit med några av de viktigaste "rubrikerna" i stilmallen, för att det ska bli lättare för er att förstå vad allting är.. Sen får ni mixtra själva med värdena, men som sagt. Det är lättare att veta var man ändrar innan man börjar ^^
Allting står i ordning, efter hur det ser ut i stilmallen.
body { Hela bakgrunden
a { Länkar som finns i inläggen
#wrapper { Den stora saken, "pappret"
#header { Den snygga bilden överst
#side { Sidkolumnen med länkar och din profilbild
#content { Kolumnen med dina inlägg
h3 { Rubrikerna till inläggen
.navheader { Rubrikerna i sidkolumnen
.nav a { color: #000000; } Länkarna i sidkolumnen
.entrybody { Själva texten i inläggen
.entrymeta { Datumet och tiden under inläggen
.entrymeta a { color: #E04201; } Kategorin och antalet kommentarer som står med punkten ovan
.commentheader { Rubriken i kommentarerna, dvs, där den som kommenterars namn står
.commenttext { Själva texten som kommenteras
.commentmeta { Datumet och tiden under kommentarerna
.commentmeta a { color: #809FFF; } Länken till den blogg som nån kommenterar från
.separator { Linjen mellan inläggen
Allting är ganska logiskt.
nav = orientera er till sidkolumnen
entry = orientera er till inläggskolumnen
comment = sidan med kommentarer
meta = den lilla texten med tid och datum
a = länkar
Sen kan jag säga att jag vet inte exakt vad allting är i koderna.. Även fast jag vet det mesta. Det finns tom saker som jag inte vet exakt var jag ska ändra, men jag vet var jag ska leta och det är det som är huvudsaken :)
BLOGGHJÄLP: Ta bort vit ram runt header
Läs inlägget om hur man lägger in en header.
#wrapper {
clear:none;
margin: 30px auto;
padding: 20px; -------------> Ändra till "0px;"
width: 830px;
background-color: #FFFFFF;
(.....)
#header {
background: #FFFFFF url(http://static.blogg.se/shared/img/css/fashion_top.jpg) no-repeat right center;
padding-left: 30px; -------------> Ändra till "0px;"
padding-bottom:15px; -------------> Ändra till "0px;"
padding-top:30px; -------------> Ändra till "0px;"
margin: 0px 0px 20px; -------------> Ändra till "0px;"
width: 800px; -------------> Ändra till "830px;", eftersom bredden, eller width, på wrappern är 830px (se texten ovan).
height: 55px;
Nu ska ramen vara borta!
BLOGGHJÄLP: Försök själv + länkar
Men internet, mina kära vänner, internet!
Internet är den största och bästa kunskapskällan - den lättaste plats som man kan hitta saker på.
För att bespara mig på arbete, sök på google.
Det kanske låter jobbigt, men tänk på alla de gånger som jag ska sitta och förklara allt.. då är det inte så jobbigt att söka själv längre....
Allt handlar bara om ren och skär vilja.
VILL du kunna photoshop?
VILL du lära dig koda om bloggen?
VILL du kunna rita i illustrator?
Ja, då kommer du att klara av det.
Ge det tid. Ha tålamod.
Det är bara du själv som kan stoppa dig :)
Och en sak till... Vill du verkligen, då kommer du upptäcka hur kul det är när du förstår nya saker, när du lärt dig något. Det är en helt underbar känsla som får dig at vilja lära dig mer och mer och mer... :)
Annars kan jag rekomendera följande sidor:
♥ Webdesignskolan.com - Här har jag lärt mig allt inom bloggkodning.
♥ Designa din Blogg - Killen som har svaret på alla era frågor!
♥ Moderskeppet.se - Photoshop och bildredigering.
♥ Kobolt.net - Lite små tips och trix om webdesign.
♥ Annice.se - Låna grafik till bloggen.
♥ photoshoptips.se - Photoshop.
♥ beckisdesign.se - Photoshoptips.
// Nevnarien
BLOGGHJÄLP: Färgkoder
VIT: #ffffff
SVART: #000000
Om du inte har photoshop, så kan du använda dig av den här färgkartan för att hitta den färgkod du vill ha.
- Tips från DesignaDinBlogg.blogg.se, som jag rekomenderar er att besöka, om inte mina tips räcker till...
Annars kan ni ta er en titt i phoroshop, om det är en exakt färg ni redan tagit fram, som ni vill ha koden till...
Bara att ta ett färgprov från en bild, eller välja färg i färgväljaren och sedan titta i rutan som jag markerat blå på bilden nedan... Så har ni er kod :)
BLOGGHJÄLP: Ram runt bloggen
Leta upp #wrapper { i stilmallen och klistra in koden border: 3px solid #000000; för att få en ram runt om.
3px = Ramens tjocklek
Solid = Ramens utseende (dotted ger prickad ram t.ex.)
#000000 = Ramens färg (svart)
PS.
Strök över #wrapper: after { på bilden, eftersom en hel del inte tittar ordentligt. ;)
Säger jag wrapper, så menar jag wrapper - inte wrapper: after.....
VIKTIGT ATT LÄSA ANGÅENDE BLOGGHJÄLPEN
Nu har jag suttit och gjort tre långa blogghjälp-inlägg.
VILLE BARA PÅPEKA FÖLJANDE
Jag förklarar väldigt ingående och noga.
Om du inte förstår vad jag menar, så fråga mig inte en gång till hur man gör, för jag kan inte förklara noggrannare än vad jag redan gör - det är redan svårt som det är att lära ut över internet.
Läs hellre en gång till.
Ta dig tid att läsa igenom det jag försöker förklara.
Det är ingen idé att skumläsa mina beskrivningar, för då kommer du garanterat inte att förstå någonting.
Att lära sig att koda bloggar tar lång tid och det är inte bara att skriva in här och var.
Det kräver engagemang och vilja och speciellt tålamod.
Slarva inte.
Om något inte stämmer, så se till att du har fått med alla tecken korrekt. Jag dubbelkollar flera gånger.
Annars tycker jag det är kul att du vill lära dig!
:D
BLOGGHJÄLP: Större visningsbild
Först måste du veta hur stor bilden får vara. Eftersom bilden ska ligga i sidkolumnen, så är det ganska logiskt att bilden måste anpassas till den.
Bredden på sidkolumnen är maxbredden på din bild. Höjden har däremot ingen betydelse, efter sidkolumnen är oändlig.
För att ta reda på bredden på sidokolumnen (kallas side i stilmallen), så går du in i design>stilmall>redigera stilmall.
Leta upp #side {. Det kan se ut som följande:
}
#side {
float: left;
width: 180px;
margin: 0px;
padding: 24px 18px 0px 12px;
left:-30px;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #CCCCCC;
}
Den fetmarkerade texten visar sidkolumnens bredd (width). I det här fallet är den alltså 180 pixlar bred, vilket betyder att din bild inte får vara bredare än så.
2. Photoshop.
Lägg in bilden du vill ha i Photoshop och gå in i Bild>Bildstorlek... i menyn (Ctrl+Alt+S).
Se till att "Bibehåll proportioner" är ikryssad och skriv in bredden som du tog fram under förra punkten (i detta fallet 180) i fältet där det står bredd (logiskt).
Spara bilden.
3. Ladda upp.
Ladda upp bilden och ta dess url. (Beskrivning till det finns här).
4. Lägg in koden för din bild.
Följande kod tar fram en bild:
<img class="thumbnail" src="Klistra in bildens URL här" />
Leta upp det markerade området (som visas på bilden nedan) i kodmallen.
...och ersätt den koden med det jag tog fram ovan.
Spara och det är klart :)
BLOGGHJÄLP: Byt bakgrund
Kolla in Annice.se, om du inte redan har en som du valt ut.
2. Ladda in bilden/bakgrunden på bloggen.
Varför du inte bara ska ta URLen direkt från sidan, utan ladda upp den på bloggen, är för att sidan när som helst kan stängas ned/ sluta fungera, och då kommer din bakgrund automatiskt att försvinna.
3. Gå in i Design>Stilmall>Redigera Stilmall.
Högst upp hittar du body{, det kan se ut som följande:
Ska du bara ha en enfärgad bakgrund ska det bara stå:
background: #5d5f5d;
Vill du däremot ha en bild eller ett mönster som bakgrund, måste du skriva in följande:
background: #5d5f5d url(URL klistras in i den här parentesen);
URL till bild hittar du genom följande blogghjälpsinlägg:
BLOGGHJÄLP - Hitta bildens URL
BLOGGHJÄLP: Hitta bildens URL
2. Ladda upp den bilden du vill ha.
Kom ihåg, att när du laddar upp en bild som ska vara en del av designen på bloggen, så måste du ställa upp storleken till 1000px (se bild nedan), annars kommer den anpassa sig och bli mycket mindre än vad du tänkt dig.
3. Bildarkivet.
Klicka på bilden som du nyss laddat upp.
4. Klicka en gång till.
5. Ta bildens URL från adressfältet.
BLOGGHJÄLP: Ändra färg & storlek på text
För att göra det måste jag först ändra textredigerare.
<font color="#dinfärg">Ger texten färg</font>
<font size="en siffra, tex. 4">Ger texten en annan storlek</font>
1 är litet, 2 normal, 3 lite större, 4 stor osv.....
Nu placerar jag något utav detta eller båda runt texten.
Med färgkoden #efaed6 får jag en rosa färg och resultatet blir precis som jag ville:
Denna text vill jag ska vara stor och rosa i inlägget.
Men kom ihåg! Du får inte ändra tillbaka textredigeraren i just detta inlägget efter att du varit inne och grejat med koderna! Då försvinner allting....
BLOGGHJÄLP: Länkar
Först vill jag bara klargöra:
a:link = Själva länken
a:visited = Länken när du besökt sidan en gång tidigare. Förmodligen vill du att denna ska ha samma färg som länken ovan så se till att de har exakt samma inställningar, annars blir det helt puckat ;)
a:hover = Länken när du för muspekaren över den.
TA BORT UNDERSTRYKNING
Gå in i design>stilmall.
Under body{ och över #wrapper{ finns koden för dina länkar. Den brukar oftast se ut någonting sånt här:
a {color: #CC00FF;}
a:hover {color: #000000;}
Ta bort det och ersätt det med:
a:link{color: #a6bdcf; text-decoration: none;}
a:visited{color: #a6bdcf; text-decoration: none;}
a:hover{color: #FFFFFF;}
a:active{text-decoration: none;}
BAKGRUNDSFÄRG PÅ LÄNKAR
Utgå från koden ovan, men skriv in background-color: #CCCCCC; i parentesen.
a:link{color: #a6bdcf; text-decoration: none; background-color: #CCCCCC;}
a:visited{color: #a6bdcf; text-decoration: none; background-color: #CCCCCC;}
a:hover{color: #FFFFFF; background-color: #CCCCCC;}
a:active{text-decoration: none;}
FET TEXT, STÖRRE STORLEK, ENDAST VERSALER
Har du förstått hur det fungerar ovan så ska det här inte vara så svårt.
Klistra in font-size: 13px; innanför parentesen efter a:hover och länken blir större när du har muspekaren på den.
Klistra in font-weight: bold; innanför parentesen om du vill att länken ska bli fet.
Klistra in text-transform: uppercase; om du vill att länken ska skrivas med versaler (stora bokstäver).
BLOGGHJÄLP: Header
Så här kommer det! :)
1. Gå in i Design>kodmallar och ta bort texten som jag har markerat på bilden här bredvid. Texten är koden för ditt bloggnamn och din bloggtext som syns över din header. Den kommer bara vara i vägen när du sätter in en egen, därför tar jag bort den.
2. Gå in i Design>stilmall och leta efter width (bredden på headern) och height (höjden på headern). Du behöver de här siffrorna när du gör din header i photoshop.
3. Till Photoshop. Öppna ett nytt dokument. Skriv in siffrorna som stod efter width i din stilmall så har du redan bredden färdig och klar. Höjden ska regleras på bloggen när du är klar med bilden.
4. När du gjort din header så högerklicka på informationsmenyn ovanför bilden (den där dokumentets namn står, i den här fallet Namnlöst-4) och välj Bildstorlek. Här kommer det nu upp en massa siffror på storleken på dokumentet. Kopiera siffrorna för höjden (i detta fallet 216) och klistra in dessa i stillmallen efter height (det grönmarkerade fältet på bild nummer 2).5. Ladda upp din bild på bloggen och kopiera dess url.
5. Gå nu in i stilmallen igen. Om inte den markerade texten på bilden här intill är inskriven i din kodmall, så klistra in den och parentesen klistrar du in din url till bilden.Klart :)
