oktober 2010

Nytt design!

Hva synes du? :) Kommer til å gjøre noen små justeringer, men det er så og si ferdig. Jeg liker ikke den stygge reklamen under det første innlegget, så jeg får prøve å skrive litt lange innlegg sånn at den ikke vises før man scroller ned.

Til dere som bruker klokkene, så funker ikke de lenger. Siden de var lagret på er nede, og den kommer mest sannsynlig ikke opp igjen. Skal kanskje legge de inn på en annen side, sånn at dere kan bruke de igjen, men da må dere legge inn en ny kode. Er bare å fjerne den gamle siden den ikke kommer til å funke mer.

Følgerne mine har forresten økt veldig i det siste, snart halvveis til 100! :D

Ofte stilte spørsmål

FAQ = Frequently asked questions (Ofte stilte spørsmål)

Q: Det er noe feil med designet mitt. Jeg skjønner ikke hvordan jeg fikser det. Kan du hjelpe meg?
A: Det kommer an på hva det er. Tar det meg 2 min å fikse det kan jeg gjøre det, men om jeg blir nødt til å rydde opp i mange rotete koder, så kan jeg ikke ta meg tid til det.
Den enkleste og raskeste måten er om jeg får brukernavn og passord sånn at jeg kan fikse det selv. Har gjort det for mange, så du kan stole på meg. Jeg er ikke ute etter å ødelegge bloggen til noen. 
Om du ikke vil gi det til meg, kan jeg prøve å forklare hva du skal gjøre. Det kan ta tid om jeg ikke er helt sikker på hva som er galt.

Q: Kan du legge inn et av gratisdesignene for meg?
A: Ja, send brukernavn, passord og hvilket design du ønsker på mail så skal jeg fikse det. Jeg anbefaler deg uansett å prøve selv først. Det kan ta en stund før jeg leser mailen din.


Q: Headeren kommer ikke opp når jeg legger URL-adressen inn i stilsettet. Hvorfor?
A: Du har enten:
a) Lagt til URL-adressen på feil plass.
eller
b) erstattet for mye eller for lite av koden enn det du skal. Studer forklaringene og bildene mine NØYE.
eller
c)
lagt til feil URL-adresse. Les tinypic-guiden. Der står det hvilken URL du skal bruke når du laster bildene dine opp der.

Q: Kan jeg gjøre endringer på gratisdesignene dine?
A: Ja, så mye du vil.


Q: Når jeg skal hente kodene til malene for gratisdesignene dine kommer det bare opp en rar side som ligner en blogg. Det er ingen html-koder der. Hva skal jeg gjøre?
A: Les det som står under Internet Explorer-brukere i dette innlegget.


Q: Hvor lager du design/headere?
A: Alt av grafikk/bilder lager jeg i Photoshop. Det finnes mange gratis programmer du kan bruke som er veldig gode. Resten er html og css-koder som jeg har brukt mange år på å lære meg


Q: Hvor/hvordan har du lært deg Photoshop/koding?
A: Alt av koder har jeg funnet ut av ved å lese guider og prøvd meg frem. Det samme med Photoshop bortsett fra at jeg har lært noen grunnleggende verktøy på medier og kommunikasjon og på en fotolinje på folkehøyskole.

Gratis design 7: Live, laugh, love


Last ned
Hjelp til å sette inn designet


For å få dine egne linker i menyen
må du gå inn på maler. Der er det en kode som ser sånn ut:
<div id="meny">
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
</div>


Bytt ut # med adressen til siden du vil linke til og Link med navnet på linken. Du kan fjerne eller legge til så mange linker du vil.

Fjerne reklamen
Hvis du syns reklamen er irriterende, så kan du følge denne guiden for å fjerne den.


Fylle inn interesser og e-mail

Bytt ut det jeg har markert med rosa med interessene dine og e-mailen din.

Nytt gratisdesign kommer, men trenger deres hjelp!

Jeg har akkurat lagt ut design 6, men jeg har laget enda et til nå som jeg skal legge ut snart. Sånn ser det ut:



Det er en ferdig header med som du kan bytte ut om du vil, det har meny som kan fjernes, "Finn bloggere i din kommune" kan fjernes, sidemenyen er i bokser og kan flyttes lenger ned.

For at jeg skal legge det ut må 3 stykker skrive et innlegg om bloggen min med en klikkbar link. Det trenger bare å være noen setninger. Det kan være en beskrivelse av bloggen min, hva du syns om den eller lignende. Når du har skrevet innlegget, legg igjen en kommentar sånn at jeg får det med meg. Når 3 stykker har skrevet et innlegg legger jeg ut designet.

Så da er jeg spent på om det er noen som har lyst på dette designet... :)

 

Tinypic.com guide

Når dere spør meg om hvordan dere skal laste opp bilder på nettet for å få url-en, så foreslår jeg som oftest tinypic.com. Skal du for eksempel sette inn en header uten å overskrive endringene du har gjort i stilsettet så kan du bruke tinypic.com for å laste opp headeren på nett. Det er ikke alle som skjønner seg helt på dette, så jeg tenkte å forklare hvordan man gjør det.

Nå forklarer jeg hva man skal trykke på på engelsk, men det spiller ingen rolle, for knappene ser like ut og er plassert på samme plass uansett hvilket språk det står på. Det er like lett å bruke tinypic.com selv om det står på kinesisk. Det du skal trykke på har jeg markert med rosa.

1: Trykk på "Velg" og finn bildet du vil laste opp. Trykk på den store grønne knappen hvor det står "Upload now!"

Upload now


2: Skriv inn ordene som kommer opp. Skriver du feil, får du prøve på nytt, så det er ingen fare. Trykk på "Upload now!" igjen.

Upload now!

3: Kopier det som står under "Direct Link for Layouts". Det er altså en bilde-url.

Direct Link for Layouts

Gratis design 6


Last ned
Hjelp til å sette inn designet

 

Fjerne reklamen

Hvis du syns reklamen er irriterende, så kan du følge denne guiden for å fjerne den.


Fylle inn interesser og e-mail

Bytt ut det jeg har markert med rosa med interessene dine og e-mailen din.

 


Sette inn egen header

Bytt ut url-en som er markert med rosa med url-en til headeren din.
Endre høyden som er markert med rosa.

 

 

Fjerne bloggnavn i header

Legg til display: none;
under h1 { i stilsettet.

Hvilket gratisdesign bruker du?

Hvilket av mine gratisdesign bruker du?

Resultater



Til ALLE som bruker online-teller fra fastonlineusers.com

Hvis du har lagt til en teller som viser hvor mange som er på bloggen din akkurat nå inni profil-teksten, så er det en kode inni der som ødelegger sidemenyen litt. 
Hvis du går inn og endrer profilen din nå, så er det mest sannsynlig en kode som ser sånn ut:

</div>

Fjern den.

Til slutt: Gå inn på et gammelt innlegg fra arkivet og trykk  "Lagre + publiser" for at endringene skal vises.

Dette ser jeg hver eneste dag, og det er jo ikke bloggerne som har gjort den feilen, men den koden kommer frem på alle som bruker en teller fra fastonlineusers.com. Det vises spesielt godt hos de som bruker gratis design 3, fordi bakgrunnsfargen på deler av sidemenyen forsvinner. Det er fordi </div>-koden forteller at her slutter sidemenyen, men det skal den altså ikke gjøre.

Søkeord folk har brukt for å finne min blogg

Jeg finner sånne ting veldig interessant, så her er noe av det folk har søkt på og deretter klikket seg inn på min blogg fra Google.



Det ser også ut som folk har blitt flinkere til å ikke bruke Internet Explorer. Hurra!

PS: Gratis design #6 kommer snart. Om et par dager, tipper jeg. Holder på å lage det, men bare kom med ønsker :)

Del sidemenyen opp i bokser

Her skal jeg forklare deg hvordan du deler sidemenyen opp i bokser. Hvis du har rotet mye med kodene til sidemenyen i malene, så er det ikke sikkert at dette funker hos deg.

Legg inn denne koden nederst i stilsettet:

#side div {
background-color: #FFFFFF;
padding: 8px;
margin-bottom: 10px;
}

Hvis du vil at boksene skal ha mer mellomrom mellom seg, bytter du ut 10 etter magin-bottom: med et høyere tall.

Hvis bakgrunnsfargen på wrapper er satt til #FFFFFF må du endre den til transparent. Sånn:

#wrapper {
background-color: transparent;
}

Hvis denne koden ikke ligger i stilsettet ditt allerede, så kan du legge den inn for at blogginnleggene skal være hvite.

#main {
background-color: #ffffff;
}

Søte kommentarer

StinaMarieBakken: Heei! Jeg synes bloggen din og tipsene er så bra, at jeg har lagt ut et innlegg på bloggen min med anbefaling av bloggen din!

Nina: hei..ville bare si at jeg bruker ditt design nå.takke for at du legger ut gratis ferdigdesign! du er kjempe flink=)

Maia: Som sagt, TUSEN TAKK for all hjelpen til de forskjellige design-katastrofene mine . Er kjempeglad for all hjelpen . Uten denne bloggen , hadde bloggen min sett ut som et dass .. THANK YOU <3

Julia Lindseth: Så flink du er, det er jo kjempe fint :D Liker måten du skriver på så godt:) Og designet er også et stort pluss ;) håper du får en super tirsdag:) PS; du er utrolig pen ;o


Nå tenker du sikkert: GRATIS REKLAME! :D og dermed blir jeg spamma med mange fine kommentarer..

bloglovin

Runde hjørner

Med disse kodene kan du få runde hjørner på alt du måtte ønske. Er det noe jeg ikke har forklart, så legg igjen en kommentar om hvor du vil ha runde hjørner.

Her er kodene som gjør det. Det er 4 forskjellige koder som fungerer for forskjellige nettlesere. Ingen av dem funker for Internet Explorer.

-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;

Du kan bytte ut 7 med et annet tall. Jo høyere tall, jo rundere hjørner.
Disse kodene må du da lime inn i stilsettet der du vil ha runde hjørner, og her er en oversikt for hva som er hva. Koden skal limes inn mellom disse to klammene { }

 

Rundt alle blogginnleggene

#main {
}

Hvert enkelt blogginnlegg

.entry {
}

Sidemenyen

#side {
}

Boksen rundt sidemeny og blogginnlegg

#wrapper {
}

 

 

Headeren

#header {
}

Basic HTML

Her skal jeg lære deg noen grunnleggende html-koder, som du kan bruke i malene dine. Disse kodene kan brukes overalt, ikke bare på blogg.no.

Mellom html-kodene, har jeg skrevet hva de betyr.

<b> Fet tekst </b>
<i> Kursiv tekst </i>
<u> Understreket tekst </u> 
<s> Gjennomstreket tekst </s>

<br /> = Linjeskift

Bilde

<img src="URL" width="200" />

Bytt ut URL med url-en til bildet. For å få en url, må du laste bildet opp på nett. Det kan du gjøre på tinypic.com.
Bytt ut 200 med den bredden du vil ha på bildet. Hvis bildet er passe stort fra før kan du fjerne width="200".

Link

<a href="URL" target="_blank">TEKST HER</a>

Tekst eller bilder som kan trykkes på, kalles linker. 
Hvis du ikke vil at linken skal åpnes i et nytt vindu/en ny fane, fjern target="_blank"

Bilde med link

<a href="URL" target="_blank"><img src="BILDEURL" border="0" width="200" /></a>

Hvis du vil komme til en ny side ved å trykke på et bilde, bruk denne koden. Bytt ut URL med en adresse til en nettside og BILDEURL med url-en til bildet. 
Hvis du ikke vil at linken skal åpnes i et nytt vindu/en ny fane, fjern target="_blank"
Bytt ut 200 med den bredden du vil ha på bildet. Hvis bildet er passe stort fra før kan du fjerne width="200".

Tekststørrelse

<font size="5">TEKST HER</font>
Bytt ut 5 med et høyere eller lavere tall, og TEKST HER med teksten som skal ha en annen skriftstørrelse.


 

Få gratis Spotify Premium


Trykk her!
Jeg prøver igjen i og med at det var 26 som registrerte seg sist, men bare 3 som svarte på den kampanje greia. Det betyr at jeg trenger 3 av dere til å svare på noen spørsmål for å få premium. Jeg vet ikke om dette funker, men det er da verdt et forsøk. Man får ikke virus av å registrere seg (mange er skeptiske skjønner jeg) og det er gratis.

Får du spørsmål om du har lyst på 10 par sokker til 1 krone (eller noe sånt), så bare kryss av for nei. Veldig enkelt. Det er en del spørsmål, men det tar ikke så lang tid. Det er heller ikke så nøye om du ikke svarer helt ærlig.

edit: Mangler en person til å svare på noen spørsmål nå :) Tusen takk! Lurer på om dette funker...

 

Selger forresten en helt ny kjole fra Nelly her.

Fjerne lenker

Slett dette fra malene:

<tag:if test="${HasLinks == 'true'}">
<div>
<h3>Lenker</h3>
<ul>
<tag:linklist>
<li>
<a href="${LinkURL}">${LinkName}</a>
</li>
</tag:linklist>
</ul>
</div>
</tag:if>

Lisa

Lisa

21, Trondheim

Jeg har flyttet til www.nerdie.me/design



Kategorier

Arkiv

hits