oktober 2010

Nytt design!

Hva synes du? :) Kommer til gjre noen sm justeringer, men det er s og si ferdig. Jeg liker ikke den stygge reklamen under det frste innlegget, s jeg fr prve skrive litt lange innlegg snn at den ikke vises fr 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, snn 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.

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

Ofte stilte sprsml

FAQ = Frequently asked questions (Ofte stilte sprsml)

Q: Det er noe feil med designet mitt. Jeg skjnner 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 gjre det, men om jeg blir ndt til rydde opp i mange rotete koder, s kan jeg ikke ta meg tid til det.
Den enkleste og raskeste mten er om jeg fr brukernavn og passord snn 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 prve forklare hva du skal gjre. 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 prve selv frst. Det kan ta en stund fr jeg leser mailen din.


Q: Headeren kommer ikke opp nr 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 NYE.
eller
c)
lagt til feil URL-adresse. Les tinypic-guiden. Der str det hvilken URL du skal bruke nr du laster bildene dine opp der.

Q: Kan jeg gjre endringer p gratisdesignene dine?
A: Ja, s mye du vil.


Q: Nr 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 gjre?
A: Les det som str 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 lre meg


Q: Hvor/hvordan har du lrt deg Photoshop/koding?
A: Alt av koder har jeg funnet ut av ved lese guider og prvd meg frem. Det samme med Photoshop bortsett fra at jeg har lrt noen grunnleggende verkty p medier og kommunikasjon og p en fotolinje p folkehyskole.

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 snn 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 flge 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. Snn 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 vre noen setninger. Det kan vre en beskrivelse av bloggen min, hva du syns om den eller lignende. Nr du har skrevet innlegget, legg igjen en kommentar snn at jeg fr det med meg. Nr 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

Nr dere spr meg om hvordan dere skal laste opp bilder p nettet for f url-en, s foreslr 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 skjnner seg helt p dette, s jeg tenkte forklare hvordan man gjr 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 sprk det str p. Det er like lett bruke tinypic.com selv om det str 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 grnne knappen hvor det str "Upload now!"

Upload now


2: Skriv inn ordene som kommer opp. Skriver du feil, fr du prve p nytt, s det er ingen fare. Trykk p "Upload now!" igjen.

Upload now!

3: Kopier det som str 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 flge 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 hyden 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 gr inn og endrer profilen din n, s er det mest sannsynlig en kode som ser snn 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 gjre.

Skeord folk har brukt for finne min blogg

Jeg finner snne ting veldig interessant, s her er noe av det folk har skt 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 hyere tall.

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

#wrapper {
background-color: transparent;
}

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

#main {
background-color: #ffffff;
}

Ste 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 mten du skriver p s godt:) Og designet er ogs et stort pluss ;) hper du fr 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 hjrner

Med disse kodene kan du f runde hjrner p alt du mtte nske. Er det noe jeg ikke har forklart, s legg igjen en kommentar om hvor du vil ha runde hjrner.

Her er kodene som gjr 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 hyere tall, jo rundere hjrner.
Disse kodene m du da lime inn i stilsettet der du vil ha runde hjrner, 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 lre 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 gjre p tinypic.com.
Bytt ut 200 med den bredden du vil ha p bildet. Hvis bildet er passe stort fra fr kan du fjernewidth="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 fr kan du fjernewidth="200".

Tekststrrelse

<font size="5">TEKST HER</font>
Bytt ut 5 med et hyere eller lavere tall, og TEKST HER med teksten som skal ha en annen skriftstrrelse.


F gratis Spotify Premium


Trykk her!
Jeg prver 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 sprsml for f premium. Jeg vet ikke om dette funker, men det er da verdt et forsk. Man fr ikke virus av registrere seg (mange er skeptiske skjnner jeg) og det er gratis.

Fr du sprsml om du har lyst p 10 par sokker til 1 krone (eller noe snt), s bare kryss av for nei. Veldig enkelt. Det er en del sprsml, men det tar ikke s lang tid. Det er heller ikke s nye om du ikke svarer helt rlig.

edit: Mangler en person til svare p noen sprsml 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