2010-01-01
15:23:49

Ny funktion för bildlänkar

Har funderat på det där ett tag, med alla bildlänkar som finns i bloggvärlden. Alltid ett otroligt jobb som ligger bakom dessa bilder, och så måste alla som länkat byta ut sina bilder när det kommer en ny.

Tror att jag ska försöka koda ihop något snyggt script som gör att man kan byta bild och att den automatiskt uppdateras hos alla andra (btw, jag använder redan en form av det här, lite fulkodat dock).

Är detta något som skulle uppskattas tror ni? Eller är det totalt waste of time?

2009-07-08
12:04:52

Den nya designen är på plats!

Då var den äntligen här!

Nu har alla väntat tillräckligt på den här nya designen, och nu lagom till klockan 12 lanserar jag den här på sidan. Jag har gjort den lite roligare att titta på än den gamla som var ganska stel, men samtidigt ska den nya också vara lättare att förstå.

Nytt

I den här designen är bland annat detta nytt:
  1. Meny i headern med samtliga kategorier samt en startsidelänk.
  2. Rutor kring alla inlägg (kommentarsrutor är under utveckling).
  3. Rutor i menyn för bättre uppdelning.
  4. Gråa smileys.
  5. Bredare blogg (hoppas att alla kan se den) för att få plats med större bilder.

Bästa prestanda

För att se bloggen på det sättet som det är tänkt kan det vara bra att använda:
  • Mozilla Firefox (om ni använder IE kan ni klicka på länken överst i menyn)
  • Google Chrome
För er som fortfarande vill använda Internet Explorer rekommenderar jag er att uppdatera till den senaste versionen!

Vad tycker ni?

Nu i samband med den nya designen vill jag gärna höra era åsikter!
  • Bättre eller sämre än tidigare?
  • Tips på förbättringar?
Berätta helt enkelt precis som ni känner, jag är mottaglig för både positiv och negativ kritik och ska göra det bästa av båda sorterna :)

2009-03-22
22:36:08

Önskemål

För er som inte märkt det har jag nu under kvällen tagit bort både kravet på namn och mailadress samt högerklicksskyddet. Båda dessa åtgärder gjordes efter önskemål från mina läsare :)



De ska dock inte känna sig helt "skyldiga", eftersom jag själv har funderat på att ta bort dem tidigare.. Här har ni mina anledningar:

Kommentarskravet
Helt meningslöst på min sida, eftersom jag dels får förhållandevis lite kommentarer (= ni är för dåliga på att kommentera ;)). Dels om någon kommenterar anonymt saknar jag bara möjligheten att besvara kommentaren (oavsett innehåll), något jag alltid gör annars.

Högerklicksskyddet
I början hade jag det eftersom alla andra hade det för att skydda sina designer. Dock är det väldigt lätt att gå runt sådana skydd (inget jag kommer berätta för de som inte redan kan det), och jag har inte heller något att dölja i min primitiva design.

Om det finns något ni är intresserade av att ha i alla fall, bara kontakta mig så kan jag skriva ett inlägg om hur jag har gjort istället för att ni bara ska "sno" det..



Missa inte min kompis nysläppta demo, som finns här: [länk]

2009-03-16
19:06:39

Förhindra anonyma kommentarer

Min "kompis" Diino frågade mig häromdagen om man på något sätt kunde fixa så att de som kommenterade var tvungna att fylla i namn och mailadress. Jag hade inget bra svar, eftersom jag inte riktigt är fullständigt insatt i just sån kod.

Han vände sig istället till Krille på bloggdesign.nu, och han kan verkligen det där med bloggdesign.

Jag har inkluderat funktionen på min blogg, så numera är det obligatoriskt att fylla i ett namn samt en mailadress innan du skickar iväg en kommentar till mig ;)

Missa inte hans otroligt snygga nya sida, med en massa olika funktioner: bloggdesign.nu

2009-03-10
23:58:50

I need feedback!

Alla ni 50 besökare som kommer gå in på min sida det kommande dygnet, alltså den 10 mars, skulle jag gärna vilja att ni går in på följande sidor och sedan snabbt och enkelt skriver era åsikter i en kommentar till det här inlägget.

Sida 1: www.hkhok.se (mitt projektarbete, NYHET: gästboken!)

Sida 2: www.jpromotion.se (mitt eget företag, NYHET: hela sidan!)

Sida 3 besöker du just nu, vad vill du förändra/förbättra/veta mer om?



En alldeles utmärkt kommentar skulle se ut ungefär så här:
(kopiera in den i kommentarsfältet, och skriv in dina egna åsikter)

Namn, mailadress och bloggadress ifyllt (så att jag kan tacka för hjälpen och kommentera kritiken)

*Sida 1:* Jag tycker att sidan är väldigt rörig, jag förstår inte vad den handlar om..

*Sida 2:* Mycket snygg sida, den är ju inte riktigt klar ännu heller verkar det som.

*Sida 3:* Bloggdesignen är lite stel, men annars är det bra. Vill gärna ha mer tips till Photoshop.



Glöm inte bort att du får tycka precis vad du vill, jag kommer inte bli ledsen över det. Jag kommer nog istället bli glad för att någon vågar påpeka någonting som de tycker är fel/fult/konstigt. Om ni undrar vad * (stjärnan) betyder i mitt "svar", så gör det texten fetstilt, och det var bara en "specialeffekt" jag la in..

Ett STORT TACK till alla som svarar!

2009-03-04
19:59:33

Behov av bloggdesign?

Under gårdagen hjälpte jag Julia att fixa mouseover-bilder i sin header, något som både hon och jag blev väldigt nöjda med resultatet av.

Hon är väldigt sugen på att göra en bloggdesign åt någon, så om ni är intresserade, skriv en kommentar till henne här: [länk] (skriv gärna att ni hittat dit från min blogg också)..



Nu när jag ändå skriver om bloggdesigner, kan jag meddela att jag på den senaste tiden fått in ett antal förfrågningar om att göra bloggdesigner åt olika personer. Detta är något jag funderar på att börja med, speciellt som en bra uppstart för mitt företag.

Finns det något intresse för detta där ute?
Skriv en kommentar så att jag vet vad ni anser.

2009-03-04
19:54:11

Lägg till en footer, version 2

Jag har fått in många kommentarer på mitt inlägg om hur man lägger till en footer. De flesta handlar om att folk inte riktigt har förstått hur man gör, eller att det uppstått problem under tiden.

Nu har jag dock kommit fram till en lösning som gör att man slipper alla dessa problem. Fördelen är att det enda stället som kräver justeringar är stilmallen. Här kommer den:



1. Först och främst behöver du en bild. Den ska såklart vara lika bred som den del på bloggen du vill skapa en footer för.

2. Ladda upp bilden på bloggen, och ta reda på vilken länkadress den har.

3. Gå till din stilmall, och leta upp den del av bloggen som footern ska vara på, t.ex. #content eller #side.

4. Leta upp raden som heter "background". Där kan det t.ex. stå: background: #FFFFFF; (en helt vit bakgrund)

5. Nu ska du lägga till följande på raden: background: #FFFFFF *url("länkadressen till din bild") no-repeat bottom left*;

Nu återstår en sak att justera...

6. Leta upp raden som heter "padding", fortfarande under samma del i stilmallen. Hittar du den, går du till punkt 7a. Annars är det punkt 7b som gäller.

7a. Nu lägger du till bildens höjd i pixlar (t.ex. 100px) till den tredje siffran där.
Ex: padding: 10px 5px 20px 0px; (du ska alltså justera den fetmarkerade delen)

7b. Lägg till följande på raden under background:
padding: 0px 0px 100px 0px; (där den fetmarkerade texten är detsamma som bildens höjd)

8. Nu har du klarat av hela guiden, och förhoppningsvis ser din footer ut precis som du vill att den ska se ut.



Innan jag publicerade den här guiden har jag testkört den på Dino som hade sin footer klar efter endast fem minuter.. Detta efter att ha läst igenom guiden två gånger. Så det tipset lämnar han även till er.

2009-03-03
00:17:15

Sammanfattning - februari

Nu har bloggen funnits i två månader, och här är en liten sammanfattning av er besökare från februari månad:



Besökare
Under februari var ni 791 unika besökare, gjorde i snitt 1,87 sidvisningar per besök vilket resulterade i totalt 2545 sidvisningar. 52% av besökarna var nya, så de välkomnas varmt :).

De flesta (62 %) av mina besökare använde sig av Internet Explorer, trots att bloggen är designad för Mozilla Firefox. (För er som vill skaffa Firefox finns en länk längst upp i menyn.)

Hur hittade ni hit?
72 % av mina besökare kom hit via länkar från andra bloggar och 20 % från sökmotorer. Resterande skrev in bloggadressen direkt i webbläsaren. Det vanligaste sökordet på Google var mitt namn, Jonas Peterson, vilket kanske inte är någon större förvåning.

Av hänvisningsplatserna och sökmotorerna ligger Google i topp, följt av blogg.se, bloglovin' och Malin. Tack!

Populäraste inläggen
I februari är det fortfarande två inlägg från januari som toppar listan, nämligen det kring att det finns fyra stycken kodmallar [länk] samt hur man gör för att lägga till en footer [länk]. Det populäraste i februari var det kring marknadsundersökningarna, ett alternativ till alla gratissidor [länk].



Så såg det ut på sidan i februari, och alla ni nya läsare som kommer hit dagligen, ni är varmt välkomna!

För att undvika samma sak som blivit den här månaden, att föregående månads inlägg toppar statistiken, vill jag gärna att ni skriver och tipsar om vad ni vill läsa om! Det gör min blogg bättre, samtidigt som jag får tillfälle att hälpa någon, vilken kombination!

2009-02-22
23:19:24

Anonym kommentar?

Fick precis en kommentar från Fanny (tyvärr inga kontaktuppgifter) angående en drop down-meny som t.ex. Malin har..

Det är ganska omfattande kod för att fixa en sådan meny, och kräver en hel del kunskaper inom HTML innan man ger sig på det. Speciellt krävs det kunskaper om man väljer att redigera sidan i blogg.se's eget kodverktyg.

Jag har också fått lite andra tips på vad ni vill läsa om här i bloggen, vilket jag gärna ger till er. Dessa inlägg kommer jag troligtvis skriva någon gång i veckan!

Återigen, var snälla och skriv med namn och kontaktinformation när ni kommenterar, då kan jag betydligt lättare kontakta er och dessutom ge er en länk när jag väl skriver inlägget. Det ger fördelar till både dig och mig :)

Nu ska jag lämna datorn, så att man har en liten chans att orka en skoldag imorgon.. Sov gott!

2009-02-12
23:30:53

Tips till blogg.se

Nu när blogg.se har lite problem med tjänsten, som jag skrev om i inlägget här under, tänkte jag hjälpa till lite med små idéer och tankar från bloggarens perspektiv..

MINA TANKAR OCH IDÉER
  • Det finns en hel del inaktiva bloggar, och då menar jag sådana som inte uppdaterats på flera år. Jag tycker att man borde sätta in en gräns efter 3 månader, och då skickas ett mail ut till bloggaren i fråga. Där kan personen välja att inte svara (bloggen tas bort), bekräfta att personen vill behålla sin blogg eller skriva och säga att bloggen kan tas bort.
  • Det behövs en bättre redigerare för kodmallarna, för den som finns just nu gör åtminstone mig tokig. Du har ingen koll på hur koden ser ut, och jag flyttar alltid koden till ett separat program för att redigera den.
  • Skapa en funktion i inläggsredigeraren, om man t.ex. vill infoga ett YouTube-klipp eller liknande internetbaserade saker.

ERA TIPS OCH IDÉER
  • Möjlighet att ändra färg och teckensnitt direkt i inläggsredigeraren. (Mitt tillägg: Liknande funktion som finns på bilddagboken?)
    Tips från Melody
  • Bättre service och tillgänglighet. (Citat: "Har inte kunnat komma åt Inställningar på ett bra tag")
    Tips från Diino
  • En svarsfunktion till kommentarerna, så att svaret både hamnar på den egna bloggen samt på den personen vars kommentar man besvarat. (Mitt tillägg: Går därmed lättare att följa diskussioner och så..)
    Tips från Diino
  • När du ska lägga till bilder i inlägg har du endast chansen att välja de 20 (?) senaste. Hur gör du för att lägga in äldre bilder? Varför inte lista hela bildarkivet?
    Tips från Diino



Har ni något ni vill tipsa blogg.se om? Jag publicerar gärna ditt tips i min lista!

2009-02-06
17:19:10

Popup-skydd (högerklick)

Fick ett önskemål från Anna [länk] om att lägga upp en guide om hur man skaffar sig ett högerklicksskydd, och ni som har läst bloggen ett tag vet att ett sådant redan finns :)

Det var t.o.m. ett av de mest lästa i sammanfattningen av januari.

För er läsare som missat det, kan ni hitta det här: länk

2009-02-01
14:20:04

Sammanfattning - januari

Idag är det den 1 februari, vilket innebär att min blogg varit igång i exakt en månad :)

Med hjälp av Google Analytics, som jag nämnt i tidigare inlägg, ska jag göra en sammanfattning av månaden. Detta blir troligtvis en återkommande tradition, precis som mina veckoscheman..



Besöksstatistik

Under januari har 1189 unika besökare gjort 1959 besök och totalt 3767 sidvisningar. Av dessa har drygt 60% använt Internet Explorer medan Mozilla Firefox ligger tvåa med 35%. 1% av besökarna har fått använda scrollfunktionen i sidled för att kunna se hela bloggen, och denna siffra kommer stå sig även efter min ombyggnad.

Standardbesökaren är svensk (97,7%), bor i Stockholm (12%), har Windows som operativsystem och använde sig av Internet Explorer (62%), har en skärmupplösning på 1280x800px (31%) och besökte bloggen i ca 3 minuter.

Hur hittade ni hit?

91% av er klickade på någon form av länk från andra bloggar/webbplatser, 2,25% hittade hit via en sökning på Google, medan resterande faktiskt tog sig tid att skriva "http://jonaspeterson.blogg.se" i webbläsaren.

Populäraste sidan

Självklart ligger startsidan i topp i den statistiken, följd av kategorin "Webbdesign", men därefter ligger inläggen i följande ordning:



Detta får räcka som sammanfattning av januari. Dock finns det säkerligen 20 gånger mer information som jag inte har skrivit ut här..

Ett stort tack till alla besökare, och ni är varmt välkomna tillbaka nu i februari!

2009-01-30
22:13:50

Stilmall: margin

I de fall jag har hjälpt till med bloggdesign, och då främst problem med koder, har jag upptäckt att många har en förkärlek för att använda sig av alla möjliga sorters koder. I det här inlägget tänkte jag ta upp en av de enklaste funktionerna, närmare bestämt margin.



margin styr som ni kanske förstår marginalen runt ett objekt. Objekten kan vara allt från text och länkar till hela menyer och liknande.

I stilmallen står margin utskrivet så här:
#exempel {
margin: 10px 3px 5px 20px;
}

Exemplet överensstämmer även med bilden till höger, som visar vilken del som styr vad. För den som inte förstår sambandet kommer här en förklaring hur det fungerar:

margin: (upp)px (höger)px (ner)px (vänster)px;

Som med alla inställningar i stilmallen ska även margin alltid avslutas med ett semikolon (;) för att den ska fungera korrekt.



Som avslutning kommer det vanliga meddelandet om att ni gärna får kommentera mitt inlägg, och fråga om ni inte förstår! Ni kan antingen kommentera eller skicka ett mail, både och går bra :)

2009-01-30
21:07:01

Ombyggnad

Dagen har inneburit en väldig blandning av händelser, men det är inget jag ska skriva ett jättelångt inlägg om. Jag tänkte istället göra en snabb sammanfattning, here we go:

Försening, självstudier(=kortspel), korv med bröd & mos, profilklädeskoncept, gitarrsträngar, analogt foto, blogghjälp.

Det där är vad jag kallar sammanfattning, men frågan är hur mycket ni läsare fattar av det jag skrev.. Så, ni får helt enkelt kommentera och fråga om det är något speciellt ni undrar över :)



Jag håller förresten på att göra om bloggen lite grann, eftersom jag nu "lanserat" den som Tips & Trix (Bloggdesign & Photoshop). Detta är dock förändringar som ni inte kommer se, eftersom all kodning och liknande sker lokalt på min dator och min wamp-server.

När jag ändå är igång med denna justering, har jag fixat så jag har en speciell blogg-mail också. Den är till för er som har frågor/funderingar/tips som ni vill dela med mig. Det fungerar lika bra att kommentera, men troligtvis kommer jag svara via mail. I fortsättningen når ni mig på: [email protected]

2009-01-28
22:20:15

Lite photoshop

Nu har jag ju kallat min blogg för Tips & Tricks, men saknar egentligen tips till Photoshop. Nu vill jag gärna att ni kommenterar och berättar om era problem/frågor/funderingar kring Photoshop.

Här är en bild från november 2007, som är en av mina absoluta favoritbilder:
Bilden föreställer en kedja som hängts upp i en gren efter stormen Gudrun 2005. Troligtvis kommer kedjan från någon skogsmaskin som arbetade i skogen.

Klicka på bilden för att se den i större format, och jag antar att jag måste påminna om att alla bilder som publiceras på min blogg, med någon form av copyright-stämpel, är förbjudna att kopiera utan min tillåtelse!
Är du intresserad av att använda någon av mina bilder? Glöm inte fråga!

2009-01-28
00:04:54

Krånglig kod

Har hjälpt ett antal personer med deras bloggar och olika former av problem med kod- och stilmallar. Det som förvirrar mest är ofta väldigt lång och krånglig kod, efter många små justeringar, infogningar av olika nya, "häftiga" funktioner och liknande.

Mitt tips till alla är att ordna upp i koden, gör den mer lättläst, så att man från varje gång kan se precis vad som ska tas bort / läggas till, utan att det förstör allting!

Dessutom är det smart att inte bara slänga in all ny kod på en gång, och sedan spara kodmallen, utan ta det steg för steg. Visst, det tar kanske 5 minuter extra, men du slipper istället allt krångel som skulle kunna uppstå om det blir fel! :)

Jag hjälper fortfarande gärna till, men med en kod som är lättare att läsa/förstå, så kan jag hjälpa fem på samma tid som jag idag kanske hjälper två..



Jag har också skaffat en fin bildlänkning, som alla "större" bloggar har..

Vill du ha den på din blogg? Kopiera det som finns i rutan, och sen klistrar du in den på valfritt ställe på din blogg :)



Det du klistrar in ger följande resultat:


2009-01-26
19:05:02

Lägg till en footer

Bloggen är het idag ;) Mycket tack vare länkningen från Lari (Designa Din Blogg).

Måste också tacka för alla kommentarer jag fått, det är jättekul att läsa och svara, det ger mig inspiration att skriva många inlägg :)



Nu ska jag svara på en fråga som Malin ställde:
"Hur gör man en footer?"

Det finns många olika sätt att göra detta på, men det absolut enklaste enligt mig, där du slipper göra en massa anpassningar, är att skapa en ny "del" i stilmallen.

Detta gör du på följande sätt:
  1. Öppna din stilmall genom att logga in på bloggen, klicka på Design och sedan "alternativt redigera din befintliga stilmall."
  2. Därefter kopierar du hela koden som tillhör "#header", alltså från öppningsklammern ({) till avslutningen (}).
    Anledningen till detta är för att den koden redan är anpassad till din bloggdesign.
  3. Skapa lite utrymme strax under "#content".
  4. I utrymmet du har skapat skriver du nu "#footer" (eller vad du vill att din footer ska ha för div-id).
  5. Därefter anpassar du koden till det din footer ska innehålla i form av bakgrundsbild, höjd och liknande. Det mesta är trots allt klart tack vare kopieringen av header-formateringen.
  6. Slutligen är det enda du har kvar att lägga till din footer på bloggsidorna, vilket innebär att du ska infoga följande kod precis efter din <div id=content>-tagg är avslutad med </div>:
<div id=footer></div>



Jag hoppas att guiden är tillräckligt utförlig, så att ni lyckas lägga till er egen footer. Uppstår det problem, eller det är något ni inte förstår, skriv till mig så att jag kan förklara bättre så att ni lyckas :)

2009-01-26
18:16:42

Jag är en vinnare :)

Åkte tåget hem vid 16:04, och fick inte tag på någon som kunde skjutsa mig hem. När jag till slut hade bestämt mig för att gå hem, kom jag på att jag faktiskt har ett kombinerat buss-/tågkort, och att jag därmed kunde åka buss hem..

Självklart går det inga bussar från Laholm till Mellbystrand, utan man får ringa till typ färdtjänst och be dem boka en taxi åt en, som bussersättning. Det är ganska skönt att åka taxi hem, utan att behöva betala någonting alls, förutom tågkortet..



Väl hemma loggade jag in på datorn, och kollade min mail.. Där var flera nya kommentarer på bloggen (alltid lika roligt!), lite reklam men även ett med rubriken "Grattis Jonas".

Först var jag lite misstänksam eftersom det mycket väl skulle kunna vara ett skräppostmeddelande som lyckats komma igenom "brandväggen". Till slut bestämde jag mig ändå för att öppna det, och vilken tur att jag gjorde det :)

För ett par dagar sedan anmälde jag mig till en tävling på www.ptz0n.se lite på skoj. Vinsten bestod av "How to Be a Rockstar WordPress Designer" (värde $29), och jag kände att det kunde vara en trevlig utveckling på min webbdesignkarriär.

Det gällde att ha den mest innovativa motiveringen, något jag lyckades med:

"WordPress är det bästa publiceringsverktyget som jag känner till, det har samma potential som t.ex. Wikipedia och Firefox, genom sin öppna källkod och möjlighet att fritt utveckla "programmet". Dessutom är det den plattform som ger bäst möjligheter för användaren att utveckla sin egen sida.

Känner mig säker på både XHTML, CSS och någorlunda på PHP, så en sådan här bok hade varit guld värd för mig :)"


Slutligen kommer en bild på bokens framsida, och det är väl en ganska bra bild på hur jag känner mig just nu.. ÖVERLYCKLIG, härligt att känna sig som en vinnare :D



2009-01-25
13:35:00

Lagerstilar / styles

Min text om att jag ville ha kommentarer verkar ha lyckats, för det är fler av er som läser som även kommenterar, roligt :D Det hade varit ännu roligare om ni också kunde börja bevaka min blogg, och bidra med frågor/idéer om lite olika photoshop- / webbdesigntips jag kan skriva och förklara.

Fick en sådan fråga av Moira, där hon undrade var man kunde ladda ner nya lagerstilar / styles till Photoshop.

Mitt bästa tips är att använda sig av deviantART, som är världens största konstcommunity på internet. Där kan man hitta många intressanta bilder/penslar/lagerstilar som olika personer har skapat.

Här är några direktlänkar till Photoshop-delar:
Självklart kan du söka själv på sidan, om det är något specifikt du är ute efter.

Fråga mig om ni har några funderingar angående bloggdesign, webbdesign eller Photoshop så kan jag skriva ett inlägg och förklara närmre :)
Det är ni läsare som gör den här bloggen bättre med tips mm.

2009-01-23
19:44:50

Byta teckensnitt

Fick ytterligare en fråga av Sandra, där hon undrade var och hur man ändrar teckensnittet till något man själv vill ha. Ska försöka förklara detta nu.



Som jag har berättat tidigare är det stilmallen som ska ändras när det gäller att ändra teckensnitt.

I blogg.se's stil- och kodmallar är menyn skriven mellan taggarna <div class="nav"> och </div>. Detta innebär att det som justerar teckensnittet där är just de delarna i stilmallen som heter någonting med .nav.

I min kodmall, och jag antar att det ser likadant ut i många andra (om inte alla), finns dessa olika formateringarna:
  • .nav
  • .nav ul
  • .nav li
  • .nav li a
  • .nav li a:hover
Som jag förklarat i tidigare inlägg styr dessa olika saker, där ul och li har med punktlistor att göra, och a och a:hover med länkar. Dock gäller samma sorts formatering här som med all annan ändring av text.



Jag antar att det härifrån är ganska lättförståeligt att ändra, men jag gör gärna tillägg i guiden om någon känner ett behov av det. Skriv en kommentar och berätta det för mig, så fixar jag det omgående.

Tidigare inlägg
RSS 2.0