Basic bloggdesign

Heii! 

Da har jeg gjort et forsøk på å forklare dere det mest basic innen bloggdesign. Å lage design er veldig lett om man først setter seg inn i det, og å kunne skrive i koder er noe man lærer seg etter hvert. 

<DIV> - det er dette bloggen er bygd opp av, alt av header, innlegg, sidebar osv. Når du bruker div, setter du på en måte inn en boks. Hvor du må skrive <DIV> når boksen din starter og </DIV> når boksen din slutter. 

 

<BR> - dette betyr at du starter på en ny linje. 

Som dere ser her setter jeg bare inn <br><br> om jeg ønsker å ha to mellomrom. 

 

 

<H1> - er overskrifter, du har mange i designet ditt og disse kalles for h1, h2, h3, h4 osv

Så om du ønsker en overskrift skriver du bare <h1> OVERSKRIFTEN </h1>

Eksempel fra mitt bloggdesign: 

 

Om du ønsker å endre ting i sidebaren din, er dette veldig lett! Først må du gå til >rediger >maler - hvor du så må finne f.eks profilbilde ditt. 

Når du har funnet bildet ditt er det bare å skrive inn den teksten du vil. 

Her har jeg laget mellomrom mellom bilde mitt og teksten jeg ønsker. Grunnen til at det står <font face="Helvetica Neue">Therese Marlene Pareliussen</font> - er fordi jeg ønsket en annen font. Så det du gjør når du ønsker en annen font er å bruke koden: 

<font face="FONT">TEKST</font>

 

For endring av skrifstørrelse og farge bruker du kodene: 

Skriftstørrelse: font-size: 8pt;  < her endrer du tallet 8 til det du ønsker. 

Farge: color: # 000000; < her bytter du ut 000000 til den fargekoden du ønsker, fargekoder finner du ved å bruke photoshop eller søke på nett. Koden #000000 er hvit. 

 

Når du ønsker å legge inn bilder i sidebaren din bruker du denne koden: 

<img src="BILDEURL" height="200">

Før du kan legge inn bilder må du laste dem opp på nett. Jeg bruker tinypic - Når du har lastet bilde opp velger du > Direct Link for Layouts

Du legger inn bilde der det står "BILDEURL" - så endrer du størrelsen hvis du ønsker. Da endrer du bare tallet 200 til ett du synes passer -  høyere tall for større bilde, her er det bare å prøve seg fram. 

 

Håper dette var til nytte! 

-TMP

15 kommentarer

MARIA<3

24.11.2013 kl.13:26

Takk for tips!

Jeanett Hensel

24.11.2013 kl.13:36

bra innlegg :)

kristineaurora

24.11.2013 kl.14:44

herlig, kjempe bra innlegg :)

kristinee

24.11.2013 kl.14:57

takk for tips!! :D

R0sey -kommenterer tilbake-

24.11.2013 kl.16:49

Kjempe bra innlegg, trengte det! :) <3

Frida

24.11.2013 kl.17:14

så bra tips!

Anastasia

24.11.2013 kl.22:41

liker veldig godt slike tips! :) så bra innlegg :)

kristine

24.11.2013 kl.22:46

Bra innlegg :)

Therese Marlene

24.11.2013 kl.22:49

Anastasia: så bra! tusentakk :)

Therese Marlene

24.11.2013 kl.22:50

kristine: takk! :)

hippiesummer

24.11.2013 kl.23:46

Så utrolig mange fine tips! Jeg lærte vertfall mye mer enn hva jeg kunne fra før av, så tusen takk for et lærerikt innlegg med flotte tips! :D

Peace and Love ❤

Thea

25.11.2013 kl.11:47

kjempebra forklart! :)

Iselin Renée

25.11.2013 kl.14:08

Takk for tipset :)

JUNE CHARLOTTE

25.11.2013 kl.14:41

åå bra tips, og bra forklart! :)

xx

Eilen

25.11.2013 kl.15:23

bra tips!

Skriv en ny kommentar



Therese Marlene Pareliussen


17, Bodø


legg meg til som venn


theresemp@hotmail.com






gratisdesign av Tonjemt
hits