Alt har en begynnelse…

Archive for the ‘blogg.no’ Category

You are currently browsing the archives for the blogg.no category.

7 apr 2010

Design: Hvordan vise hele innlegget på arkiv og kategorier

Det er ikke så mye som skal til for at du her muligheten til å vise hele innlegget når noen går inn på en kategori eller arkivet.

Først må du inn i malen til der du ønsker hele innlegget skal vises, vi tar “Kategori” malen først.

Når du er inne på den malen så finer du linjen

<tag:entrylist limit=”1000″ maxchars=”200″>

“limit” sier hvor mange innlegg du ønsker å vise, “maxchars” sier hvor mange tegn av innlegget du ønsker å vise. Selv om du setter “maxchars” til 10000 vil den ikke ta med seg noen bilder, bare teksten. For at den skal vise bilder også må du fjerne maxchars=”200″ fra linjen. linjen skal med andre ord se slik ut:

<tag:entrylist limit=”1000″>

Så forhåndsviser du og lagrer hvis alt ser bra ut.

Så gå du inn på “Arkiv” malen og gjør akkurat det samme der.

Vanskeligere en det er det ikke, men hvis du skulle få problem så er det bare å sifra.

Hva synes du er best, at hele innlegget vises eller bare litt?

7 april, 2010 at 9:53 by Tronds

Posted in Design, Design forbedringer, blogg.no | 6 Comments »

5 mar 2010

Hvordan gjør de det?

Tenkte jeg skulle ta for meg designene til de “store” bloggerne. Hvordan klarer de å få til noe av det de har, skal først se på hvordan The Giant ( snakk om “stor” blogger ) klarer å få til en header som bytter bilder.

Kommer til å skrive en forklaring på hvordan det er mulig å få noe lignende på sin blogg, da selvfølgelig med egne bilder.

Første innlegget i serien kommer i morgen.

Har du noe forslag til andre blogger jeg kan se på? noe du har ønsket å få på din blogg?

5 mars, 2010 at 0:12 by Tronds

Posted in Hvordan gjør de det?, blogg.no | 6 Comments »

5 feb 2010

10 punkt til et bedre design

Hvordan et design skal se ut er vel en smakssak, noen synes det skal være mange farger andre liker enkle design uten noe farger. Dette er det jeg synes skal være med på en design. Du har selvfølgelig dine meninger, hvis du er uenig eller enig med meg på noen punkt så legg igjen en kommentar.

1. Luft, noe vi alle trenger

Et design uten luft blir rotete og uoversiktlig. Gi det litt mer “tomrom” og det vil med en gang bli mer oversiktlig. Få et lite mellomrom mellom innleggsdelen og sidemenyen, ikke la teksten komme helt inntil hverandre.

Få litt “luft” mellom headern og toppen på siden. Ville du ha hengt opp et bilde helt oppi taket? Litt “luft” mellom headern og innleggsdelen er også greit å ha.

Flytt også bort fra rammer, bakgrunnsfarger og alle andre ting som gjør at det blir vanskelig å lese.

2. Headeren kan nå aldri bli for stor?

Jo så absolutt, ingen liker å måtte bla seg nedover en hel side for å komme ned til teksten. En header skal være samme bredde som bloggen og ikke mer enn 250px høy.

Fjern den skriften som blogg.no legger inn. Og aldri, jeg gjentar ALDRI la headeren gjenta seg selv bortover eller nedover. Fiks en som er stor nok til å dekke hele.

3. Valg av skrift

Ikke bruk alt for mange font/skrift typer på bloggen. 2-3 er mer enn nok. Hvis du velger å bruke en font/skrift type som ikke er vanlig så er det ikke sikkert den som er inne på siden din har den installert, da vil det bare bli vist en standard font/skrift type i stede for den du har valgt ut.

4. La oss ramme inn ting.

Jo, det er noe jeg kan like. Fargevalget er viktig her også, i stede for å gå får den standard svarte rammen velg heler en som er litt mørkere enn fargen inni boksen, de gir alt en litt mer 3D look. Jeg sier ikke at det skal være rammer alle plass, men rammer/sterker er grei å ha når du skal skille ting fra hverandre.

5. Fargevalg er like viktig som innholdet

Noen ganger prøvd å lese et ett innlegg som er skrever på svart bakgrunn med mørk grå skrift? Eller gul bakgrunn med rosa skrift? Det har jeg, noen ganger må jeg vil og med merke teksten før jeg klarer å lese hva som står det. Når du velger farge så tenk litt over at folk skal lese dette, hvis det blir for vanskelig å lese vil gjerne folk ikke ta seg tiden til å lese. Tenk også at å ha en bakgrunn bak innlegget ser kanskje fint ut for deg, men andre vil ha problem med å lese det.

Farge valget på bloggen skal også gjenspeile fargene som er i headern. Alt skal passe sammen, akkurat dette har jeg problemer med også. Heldigvis finnes det hjelp å få, LINK og LINK er to siden jeg bruker ganske mye for å finne fager som passer sammen.

6. Lenker skal vises.

Noen websider jeg er innpå så er det vanskelig å si hva som er en lenke eller hva som ikke er en lenke. En lenke skal ha en annen utforming enn teksten den står i, feks understreking, litt annen farge eller noe annet som skiller den ut fra resten av teksten. Linker kan også forandre seg litt når du tar pilen over.

Det skal også være helt unødvendig å skrive, “trykk HER for å komme til siden hans” bruk heler noe slik: “Var innom VG ( www.vg.no ) i dag å leste en god artikkel “ med lenke på adressen og “VG”.

7. Profile bilde skal være så lite at du ikke ser de engang. NOT!

Standard profilbildet som er på blogg.no er ikke tilpasset designet. Det er alt for lite og forsvinner igrunn. La det vokse, gjør det nesten like bredd som “sidemenyen” slik at de kommer til sin rett.

8. Bredd blogg er jo best?

Ikke alltid, kommer litt ann på hva du skal blogge om, om du legger ut store bilder eller ikke. Skriver du bare noen linjer uten stort bilde så er det ikke nødvendig med bredd blogg. Det blir sende så “tomt” ut hvis du har en blogg på 950px også skriver du bare noen linjer. Gjør den mindre, da vil teksten komme på flere linjer og det er ut som om du skriver mye mer.

Hvis du vil ha stor plass til innleggene, men du vil også ha en smalere blogg. så er det fortsatt mulighet å korte litt ned på bredden på bloggen. Du bare gjør sidemenyen litt mindre, beholder størrelsen på innleggsdelen. Da vil bloggen bli mindre.

En annen mulighet er å kutte ut sidemenyen helt eller flytte den over innleggende.

9. Meny under headern

Dette gjør at du har mulighet til å legge inn en del linker som folk ønsker å se på, feks “Om meg”, “Bloggen” osv.

10. Gjør den personlig

La den bli din, ikke bruk en som 10000 andre også bruker. Gjør noe for at den skal bli din og bare din. Når noen kommer på bloggen din så skal de tenke “Ah, en slik person hun/han er”. Da vet du at den er perfekt.

Det var det jeg hadde å si om design for denne gangen, noen vil være enig andre ikke. Hvis du føler at bloggen din trenger en “oppussing” og du ikke vet helt hvordan du skal få det til, så er det bare å spørre. Jeg har også laget en OSS ( Ofte Stilte Spørsmål ) som ligger du finner under “Designhjelp” i menyen. Jeg prøver å legge inn det jeg blir spørrer om, men det er ikke alle spørsmålene jeg kan legge inn da mange har litt forskjellige utgangspunkt i maler.

Hvordan synes du et perfekt design skal være ?

5 februar, 2010 at 22:14 by Tronds

Tags: Design
Posted in Design forbedringer, Tanker, blogg.no, html/css | 9 Comments »

9 jan 2010

Nytt design hver dag?

Leste nettopp en engelsk artikkel, der designere ble oppfordret til å lage et nytt design hver dag. Hvorfor? jo, hva gjør idrettsutøvere gjør hver dag? jo de trener. Hvorfor trener de? for å bli bedre. Så hva gjør en designer? Han lager iallefall ikke et nytt design hver dag. Men i følge denne artikkelen så oppfordret han alle til å lage et design hver dag i et helt år. For å trene og dermed bli bedre. Nå ser jeg ikke på meg som en designer, men dette er igrunn en smart måte å bli bedre på.

Derfor tenke jeg at jeg skal prøve det, men jeg vil ikke klare hver dag. men hver tredje dag skal det bli lagt ut et nytt design her på bloggen, tilpasset blogg.no malene. Så får vi se hvor lenge jeg klarer å holde på. Vil legge ut maler og stilsett filen til alle designene, slik at de som ønsker å bruke dem har muligheten til det. Første ferdige design kommer mandag.

9 januar, 2010 at 16:42 by Tronds

Posted in Nerding, blogg.no | 14 Comments »

4 sept 2009

Hva er design ?!

Utrolig mange skriver innlegg der overskriften er “Nytt design!!”. Joda, dumme meg trykker på lenken for å ta meg en titt. Jeg har kanskje ikke sett siden før hun/han fikk nytt design, men designet er jo klin lik 97% av de andre designene på blogg.no . Eneste som skiller de fra de andre designene er en header og at fargen er litt annerledes. Ønsker du virkelig dette? Ville du gått i samme jakken som alle andre hadde bare med en annen lue ? nei, vi klarer bedre enn dette folkens.

Flytt litt om på ting, hvorfor må side “menyen” være på høyre side? hvorfor må vi ha “siste innlegg” når folk ser de siste innleggene på forsiden? Må profilbildet være lite og kjedelig? hva med å flytte litt rundt på ting?

Det er mine tanker om dette, kanskje du har noe andre tanker?

Hva ønsker du skal “skje” med ditt design?

Kanskje går det i oppfyllelse hvis du skriver det her ?

4 september, 2009 at 22:58 by Tronds

Posted in Blogg, Tanker, blogg.no | 42 Comments »

20 mai 2009

Design: Blockqoutes

Hva er blockqoutes? Feks hvis du skal gjengi noe som noen andre har skrevet på bloggen, eller du har hørt i en film, lest i avisen. Da kan bruke den til det.

Vanskelighetsgrad: Lett, trenger bare å gjøre forandringer i “stilsett” filen.

Det du må gjøre er å skrive teksten du vil skal bli gjengi, gå over til html editoren og skriv <blockquotes> forand teksten du nettopp skrev og </blockquotes> etter teksten. Lagre trykk på forhåndsvisning og se at teksten ble “skubbet” litt lenger inn på siden. Det er “blockquotes”.

MEn den ser vel litt kjedelig ut? la oss “pimpe” den opp litt

Vi skal inn å forandre på “stilsett” filen. Slik gjør vi det:

Når det er gjort tilføy følgende kode nederst i filen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

blockqoutes{

width: 300px;  /* her stiller du hvor bredd den skal være */

border-left:10px solid #C11;  /*Hvor stor kanten til venstre skal være også fargen den skal ha */

background:#ccc; /* bakgrunnsfarge på boksen

margin:.612em; /* hvor langt inne boksen skal begynne */

padding:.612em;  /* hvor lange inne teksten skal begynne i boksen */

display: block;

text-decoration: none;

}

/* denne her setter inn " forand første tegn */

blockqoutes:before{

content:open-quote;

font-size:4em; /* størrelse på tegnet */

color:#000; /* fagre den skal ha */

vertical-align:-.4em; /*hvor mye den skal forflytte seg */

margin:0 .2em 0 0; /* hvor lange fra resten av teksen skal plassere seg */

line-height:.1em /* linje høyde *

}

Også er det bare å lagre. Da var det gjort.

TIPS: Er du som meg og aldri bruker gjennomstreking av teksten ( ABC )? Da har du muligheten til å gjøre den knappen om til blockqoutes. Det er igrunn ganske enkelt, gå inn i “stilsett” filen igjen, forandre “.blockqoutes” til “strike” ( Merk at “.” forsvinner også ). Forandre også “.blockqoutes:before” til “strike:before”. Lagre stillen så var vi ferdig. Når du nå skal ha tekst blockqoutes så skriver du først teksten, merker den og trykk på “ABC” knappen. Trykk på forhåndsvisning og du vil se at teksten ble blockqouta.

Og som alltid har du noen spørsmål så er det bare å skrike ut.

Lykke til.

20 mai, 2009 at 2:42 by Tronds

Posted in Design, Nerding, blogg.no | 15 Comments »

19 mai 2009

Design: Favicon?

Hva er et favicon? Et favicon er det lille bilde som vises vedsinav adresse feltet i web-leseren. Feks har blogg.no en før runding med en “b” inni.

Jeg er en av de som åpner mange faner på firefox ( eller IE ). Det jeg synes er kjedelig er å se dette:

Jeg skal nå ganske kort gå gjennom hvordan du kan ordne ditt eget favicon som vises når noen går inn på siden din.

Først må vi finne et favicon vi vil sette inn på bloggen våres. Favicon er en liten bilde fil som består av 16 x 16 punkt. Det finnes program du kan laste ned å installeres på maskinen for å lage slike, vi skal her i stede for bruke en web-side der vi kan lage en, eller vi kan finne noe som noen alerede har laget. Favicon.cc er en slik side, her kan du tegne eller velge mellom flere hundre favicon som noen har laget tidligere. Jeg velger å ikke vise hvordan du ordner et med animasjon da de ikke vil virke i Internet explorer.

Når du har laget eller funnet et du vil bruke høyre klikker du på “download Favicon” knappen som du finner på høyre side.

Hvis du bruker Internet Explorer velger du “kopier snartvei” fra menyen. Hvis du bruker Firefox velger du “Kopier lenkemål”.

Da må vi redigere malen på blogg.no, for å komme ditt følger du punktene under etter at du har logget deg inn til bloggen din.

Her Fin den linje som det står:

Så merker du teksten:

http://static.blogg.no/blogs/favicon.gif

og høyre klikk og velg “lim inn”. Der etter må du forandre “image/gif” til “image/x-icon”

Da vil linjen bli noe slik som:

1	<link rel="shortcut icon" href="http://www.favicon.cc/?action=download_copy&file_id=3185" type="image/x-icon" />

Trykk på “lagre malen”

Hvis du vil ha denne på alle sidene dine og ikke bare hovedsiden må du gjenta siste del på de andre mal filene. Arkiv, Kategori og Enkeltinnlegg.

Lykke til, hvis det skulle være noe som er uklart eller du får problem er det bare å rope ut.

19 mai, 2009 at 19:04 by Tronds

Posted in Design, Favicon, Nerding, blogg.no | 26 Comments »