juledesign

har fikset meg juledesign nå, og håper på at det kan motivere meg til å blogge mer. 


- ida

Nytt design

Hello. I dag har det regnet, og regnet. Kjempedeilig. Hvem elsker ikke regn. I nuet sitter jeg med bibelen på fanget og leser for full guffe. Elsk. Er det noen som forresten ser endringer i designet? Jeg har gjort noen små endringer, og gitt designet et litt mer høstlig preg. 

Håper dere har lyst til å følge oss på bloglovin!  Follow on Bloglovin <----TRYKK!!

- Ida og Anna.

Blogg themes.

Ekstremt bra side dersom du trenger design. Lett å laste ned (du trenger ikke å gjøre noe!) og kjempefint! 

TRYKK HER VISST DU VIL PRØVE DETTE!  Annbefales sterkt!

Ida

Vaskelørdag.

Jeg er forsatt på hytta til mormor og morfar.  Anna kom i dag tidlig. Takk og lov for det lism.

Mormor, Anna og jeg tok oss en tur rundt på gårdene for å høre om det var noen som trengte hjelp til å vaske. Det var det. Vi vasket hos åtte stykker, også bar det hjem for å vaske vår egen hytte. Om vi fikk penger for det? Nei. Vi tar ikke i mot. Dagens gode gjerning vet dere. 



Som dere kanskje ser, eller kanskje ikke ser, så har vi fått nytt design. Det er ikke ferdig enda, så jeg kommer til å fikse på det nå og da. Ida.

Har du hjelpt hyttenaboer å vaske i dag?

nytt design og sol

Nå har jeg fått nytt gratis design igjen, også denne gangen er det av mne.blogg.no - Jeg er som vanlig superduperfornøyd! Men headeren er det jeg som har laget. Jåsst såo ju nåow.



I dag er det foresten NYDELIG vær ute! Det er så fint at jeg kan gå ut bare i t-skjorte! ...og bukse da selvfølgelig, jeg er ikke helt dum heller da! Jeg har hoppet på trampolinen og solt meg, så nå er sommeren rett rundt hjørne dere! Jeg koker! Neida, SÅ varmt er det ikke...

- Er det fint vær der du bor? 

jeg lager IKKE gratis design

GOD DAGEN PER I HAGEN...jeg lager ikke gratis design lengre, sorry fans.

ekstra +++


Her er litt koder og linker til hvordan du kan få litt småting på bloggen din. De er ikke dødens nødvendige, men det er kult å se på, og ikke minst bruke. Håper du får bruk av noen koder! :)


SLIK SER DU HVOR MANGE SOM LESER BLOGGEN DIN AKKURAT NÅ

Koden:
<!-- Start FastOnlineUsers.com --> <a href="http://www.fastonlineusers.com"> <script type="text/javascript" src=http://fastonlineusers.com/on4.php?d=LINK TIL DIN BLOGG HER!!! mce_src=http://fastonlineusers.com/on4.php?d=LINK TIL DIN BLOGG HER!!!></script> </a> leser denne bloggen NÅ</a> <!-- End FastOnlineUsers.com --></div>

Hvor legger jeg den inn?
Endre profil - > Beskrivelse 
I ruten for beskrivelse skal du lime inn koden, og du må huske på å legge inn linken til bloggen din.


SHOUTBOX PÅ BLOGGEN DIN

Lag dere en bruker inne på http://www.shoutmix.com/main/
og design boxen din slik du vil ha den farger size og alt. 
HVOR:  lim  inn koden din i maler / widgets delen på blogg.no loggin - oversikt - design - rediger - widgets<----NOE SLIKT I DENNE DUREN


KLOKKE PÅ BLOGGEN

For å få klokke på bloggen må du gå innpå http://www.clocklink.com/ (link) å finne deg en klokke som du vil ha 

Deretter trykker du på wiev HTML tag og deretter accept, select by City (på norge//norway) Du kan også velge hvor stor den skal være - til slutt går du innpå design --> rediger --> widget. Du kan også ta det inn på maler --> forsiden under profilename (trykk på ctrl og g samtig for å finne profilename)


GOOGLE TRANSLATE PÅ BLOGGEN DIN

Gå innpå denne linkenhttp://translate.google.com/translate_tools?hl=no Der finner du en kode. Koden limer man inn i Design > Rediger > Maler. Trykk Ctrl og F, søk på "Sidebar", lim inn koden under der. 


 

 

skrift, tekst og overskrift

 


HVORDAN BYTTE OVERSKRIFT TIL VALGFRI SKRIFT UTEN Å ØDELEGGE DESIGNET

Først går du innpå microsoft word-dokument, så finner du ut hvilken skrift du vil ha. Så setter du den inn (under stilsett) som du ser her under, det skal se slik ut;

a { color: #000000}

a:link { color: #000000}

a:visited { color: #000000}

a:active { color: #000000}

h1, h2, h3, h4, h5 { font-family: NAVN PÅ SKRIFT-TYPEN, sans-serif; }

#header h1, #header p { display:none }

Du finner den under #footer


LITEN SKRIFT I INNLEGGENE...

Det du må gjøre først, er å gå inn på Design å deretter Rediger.

Her inne skal du føye på denne koden:
font-size: 8pt;  

Å den skal være på plassene markert med fet skrift:

#wrapper { 
width: 610px;
background-color: #FFFFFF;
font-size: 8pt;
}
#footer {
width: 610px;
background-color: #FFFFFF;
font-size: 8pt;
}
a { color: #000000}
a:link { color: #000000}
a:visited { color: #510300}
a:active { color: #000000}
h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; }
#header h1, #header p { display:none }
#header { color: #000000;
font-size: 7pt;}
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #000000; }


STOR SKRIFT MIDT I ET INNLEGG

Vil du ha stor skrift midt i et innlegg? (slik som  jeg har over her...) Da må du gjøre som følger, gå inn å skriv det innlegget du vil ha, når du er ferdig markerer du den teksten som du vil at skal være større. Deretter trykker du på ctrl (på venstre side) og 1, 2, 3, 4 eller 5 samtidig. Dersom du vil ha like stor skrift som overskriften, trykker du på 1, samtidig som du trykker på ctrl (på venstre side) Du kan velge mellom tallene 1-5, visst du trykker på 1, blir skriften like stor som overskriften - 5 er det minste tallet.


STØRRE//MINDRE OVERSKRIFT

Tekst størrelsen på overskriftene:

h2 { font-size: 50% }

Denne skal limes inn nederst i stilsettet !  prosenten må du nesten endre litt på, sånn att det blir sånn du vil ha det. Dette bestemmer du. Dersom du vil ha stor overskrift bør du ta 200-400, du må nesten prøvde deg frem selv


FARGE BAK OVERSKRIFT

lyst på farge bak overskriftene dine?
det eneste du trenger å sette inn er: h2 { background-color: #FFCCCC; }
selvfølgelig der det står #FFCCCC; setter du inn den fargekoden du har lyst på.

det skal se ca sånn ut:

a { color: #000000}
a:link { color: #000000}
a:visited { color: #000000}
a:active { color: #000000}
h1, h2, h3, h4, h5 { font-family: Palatino Linotype, Book Antiqua, Palatino, serif; }
#header h1, #header p { display:none }
#header { color: #000000; }
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #000000; }
h2 { background-color: #FFCCCC; } <--------------------------------------- HER !
h1, h2, h3, h4, h5 { font-family: Trebuchet MS, Helvetica, sans-serif; } 

alt dette ligger UNDER #footer.



 

youtube hjelp


HVORDAN LEGGE INN EN VIDEO FRA YOUTUBE

Du må gå inn som vanlig på Post eller Nytt innlegg sånn du gjør når du lager et innlegg.
På Youtube er det et felt som heter embed ( innbygg på norks) under selve videoen, ved hvert enkelt videoklipp. Trykk på innbygg, eller embed (spørs hva språk du har på dataen) Det som står i feltet kopierer du og limer inn i vinduet som kommer opp når du trykker på HTML-knappen. (den knappen i innlegget som er ved siden av "kamaret" eller der du kan ta inn bilder, det står HTML der) Viktig at du STÅR i HTML-vinduet når du limer inn koden. Når du går ut av HTML-vinduet og er tilbake i innleggsfeltet vil du fortsatt ikke se videoen, men en rute som representeres hvor videoen er limt inn. Du kan skrive tekst rundt der du ønsker det i forhold til videoen. Trykk Lagre+publiserknappen og din video er på plass! Skal du laste opp en video fra pcen din må du gå på video og ikke nytt innlegg.


HVORDAN FÅ EN YOUTUBE VIDEO I SIDEBAREN:

Først og fremst må du gjøre det som står over, men ikke ta koden inn i et innlegg - gå innpå design - rediger - maler. Så trykker du på ctrl og f samtidig og søker på profilename, og under der skal du legge inn koden fra youtube. Dersom du vil ha den lengre nede, bare tar du koden lengre nede på maleren og prøver deg litt frem. Håper du klarer det!

designhjelp og koder

Grett å vite:

Fet tekst - <b> din tekst </b>

Kursiv - <i> din tekst </i>

Understrek tekst - <u> din tekst </u>

Midtstill - <center> tekst eller bilde </center>

Legg til et bilde - <img src= ?adresse til bildet?>

Link - <a href= ?adressen til siden? > link text <a/>

Forklaring av oppsett/stilsett

#body = bakrunn på bloggen

#header = headeren på bloggen

#wrapper = hele bloggen, der innlegg og meny vises

#main = den siden hvor innleggene ligger

#side = den siden hvor meny og profilbilde ligger

#footer = helt nedst på bloggen, rubrikken som viser at bloggen tilhører blogg.no, osv

Alt dette står som regel i denne rekkefølgen i stilsettet, og dette er på en måte diverse overskrifter som viser hvilket område du redigerer.

Noen tips

CTRL + A = Merk alt
CTRL + C = Kopier
CTRL + V = Lim inn
CTRL + F = Søk

<p> = mellomrom

<br> = avsnitt

Fargekart:
http://www.myspacedev.com/color-codes/


 

HVORDAN TA SCREENSHOT (BILDE) AV BLOGGEN DIN:

design

http://trinecam.blogg.no/

 

1. Trykk på Ctrl - tasten på tastaturet ditt + tasten det står Prnt Scrn SysRq samtidig.

 

2. Gå så inn i paint feks, og lim bildet ditt inn.

 

3. Lagre det i en bildemappe på maskinen din.

 

4. That's it!


MENY UNDER HEADER....

Gå inn på Design -> Rediger -> Maler. Deretter trykker du Ctrl + F (samtidig) og skriver inn <p>${BlogDescription}</p> å trykker på Enter. Rett under BlogDescription står det </div>, under </div> er hvor du skal plassere koden:

<br><a href="LINKEN TIL INNLEGG" class="box">Navn</a> <a href="LINK TIL INNLEGG" class="box">Navn</a> <a href="LINKEN TIL INNLEGG" class="box">Navn</a> <a href="LINK TIL INNLEGG" class="box">Navn</a> <a href="LINK TIL INNLEGG" class="box">Navn</a> 

Der det står "LINK TIL INNLEGG" plasserer du linken til de forskjellige innleggene.


Skal du ha f. eks 1 ekstra knapp så føyer du på denne:
<a href="LINKEN DIN!!" class="box">NAVNET TIL KNAPPEN</a> 
Du kan endre navn sånn at det står andre ting i stedetfor kontakt, om meg osv.

Når du har plassert den koden må du ta og plassere denne nederst inne på Maler:
<style>a.box, a.box:link, a.box:active, a.box:visited {
text-decoration: none;
font-family: Tahoma;
font-weight:bold;
font-size:11px;
line-height:15px;
color: #FFFFFF;
padding: 1px;
display:;
letter-spacing:0px;
border-bottom: 6px solid #000000;
border-top: 6px solid #000000;
border-left: 20px solid #000000;
border-right: 20px solid #000000;
padding: 0px;
text-align: middle;
background: #000000;
text-transform: none;
}
</style>

Har du gjort alt rett nå så skal du ha en meny under headeren. For andre farger endrer du bare på de plassene det står #000000.


FJERNE PROFILBILDE...

Alt du trenger å gjøre er å gå på Design → Rediger → Stilsett. Deretter holder du inne CTRL + F, og skriver inn det som står under, i søkefeltet, trykker søk, og visker bort det feltet som blir markert.  

<img src="${ProfileImageUrl}" alt="${ProfileName}" />


 

PROFILBILDE OSV OVER TIL VENSTE SIDE...

Plasser koden neders inne på stilsettet. (Som du finner om du går på Design → Rediger)

#main {
float: right;
}


MIDTSTILL BLOGGEN...

Det er denne koden som må brukes

margin-left: auto; 
margin-right: auto;


Den skal du legge til under header, #footer og #wrapper, som du finner under Rediger -> Stilsett.
Til nærmere forklaring så skal det være ganske likt dette:
#header {
background-color: #FFFFFF;
background-image: url('LINK TIL DIN HEADER');
height: 236px;
margin-left: auto;
margin-right: auto;

background-repeat: repeat;
}
#wrapper {
background-color: #FFEFFC;
margin-left: auto;
margin-right: auto;

}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;

Lagre stilsett, å den vil bli midtstilt akkurat slik som min.
Til dere som ikke får noe resultat av dette: Om dere har gjort alt riktigt så SKAL det virke. Men jeg viser til at det kan hende det ikke virker i en annen nettleser enn Internet Explorer.


 

SIDEMENY...

Hvis du vil ha en meny, eller knapper på høyre eller venstre side på bloggen din, gjør du dette:

Gå du innpå Design > Rediger > Maler
Trykk CTRL+F å søk etter <tag:include module="sidebar"></tag:include> og legg denne koden under:

<a href="LINK TIL INNLEGGET"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">NAVN PÅ KNAPPEN</p><br>

Hvis du vil ha flere knapper, limer du bare inn den samme koden under den andre. Så trykker du på lagre, og du har en meny/knapp i sidemenyen! Husk å endre der det står "LINK TIL INNLEGGET" og "NAVN PÅ KNAPPEN". For eksempel sånn som dette:

<a href="http://hannneelizabeth.blogg.no%22%3e%3cp/"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">OM MEG</p><br>'


HVORDAN FINNE URL TIL ET BILDE:

Det er to måter å gjøre dette på. Hvis du finner et bilde på internett så kan duhøyreklikke på bilde med musen og klikke på egenskaper. Der finner du url hvor det står Adresse (URL-adresse).

Hvis du har bilder på din egen PC så kan du laste opp bildene (for å få URL) med for eksempel dette programmet.


BILDE I SIDEBAREN:

GÅ INNPÅ:
Design ->  Rediger ->  Widgets 
Lim du inn denne koden:

<img src="DIN URL HER" border="1"><br>

Ovennevnte kode kan du lime inn etter hverandre - alt ettersom hvor mange bilder du skal lime inn. Vil du ha mer avstand mellom bildene så er det bare å legge til så mange <br>'er du vil etter <br> i koden. Jeg har tidligere i innlegget fortalt hvordan man finner url.


RAMME RUNDT BLOGGEN

Hvordan gjør jeg dette?
Du limer bare inn koden i Stilsettet. 
Koden du skal legge inn er:
border: 2px solid #000000;

Hvor legger jeg den inn?
Du legger den inn under #wrapper og #footer. Ca. sånn her skal det se ut:
(Du kan også legge koden inn under #header, hvis du vil ha en ramme rundt headeren også).

#wrapper {
background-color: #FFFFFF;
border: 2px solid #000000;
}
#footer {
background-color: #FFFFFF;
border: 2px solid #000000;

istedet for solid, som betyr helstrukken linje rundt bloggen, kan du putte inn disse:
dotted = prikker
dashed = streker

For å endre tykkelsen på rammen, så kan du for eks. skrive 3px eller hvis rammen skal være mindre så skrive du bare 1px. Dette kan man nå også finne på der man velger header også.


SMAL BLOGG

Koden:
width: 610px;

Hvor legger jeg den inn?
Du legger den under #header, #wrapper og #footer. 

Slik skal det se ut da:
#header {
background-color: #FFFFFF;
height: 236px;
margin-left: auto;
margin-right: auto;
width: 700px;
}
#wrapper {
background-color: #FFEFFC;
margin-left: auto;
margin-right: auto;
width: 700px;
}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
width: 700px;
}

Dette tallet kan du faktisk endre, f.eks. width: 600px eller noe ligdende. + hvor høyere talle blir, hvor større det "lille" blir. Dette kan du bestemme selv.


 

ENDRE "X ANNTALL KOMMENTARER

Vil du at for eksempel at det skal stå "x søte små" istedenfor "x kommentarer", så gjør du dette:
Design -> Rediger -> Maler 

- Trykk på CTRL + F tasten på tastaturet. 
- Søk på "comment".
- Der skal det stå: " <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a> " 
- Det du skal gjøre er å endre litt på koden slik: 
<a href="${EntryPermaLink}#comment">${EntryCommentCount} søte små</a> 

der det står "søte små", det er ett eks. Sefølgelig kan du senfdre til det du vil.


STØRRE//MINDRE OVERSKRIFT

Tekst størrelsen på overskriftene:

h2 { font-size: 50% }

Denne skal limes inn nederst i stilsettet !  prosenten må du nesten endre litt på, sånn att det blir sånn du vil ha det. Dette bestemmer du. Dersom du vil ha stor overskrift bør du ta 200-400, du må nesten prøvde deg frem selv


 

FARGE BAK OVERSKRIFT

lyst på farge bak overskriftene dine?
det eneste du trenger å sette inn er: h2 { background-color: #FFCCCC; }
selvfølgelig der det står #FFCCCC; setter du inn den fargekoden du har lyst på.

det skal se ca sånn ut:

a { color: #000000}
a:link { color: #000000}
a:visited { color: #000000}
a:active { color: #000000}
h1, h2, h3, h4, h5 { font-family: Palatino Linotype, Book Antiqua, Palatino, serif; }
#header h1, #header p { display:none }
#header { color: #000000; }
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #000000; }
h2 { background-color: #FFCCCC; } <--------------------------------------- HER !
h1, h2, h3, h4, h5 { font-family: Trebuchet MS, Helvetica, sans-serif; } 

alt dette ligger UNDER #footer.


BAKGRUNNSBILDE SOM "STÅR FAST"

Koden:
BODY {
background-image: url("her skal URL'en til bildet stå");
background-attachment: fixed;
background-position: right bottom;
background-repeat: repeat;
}

Hvor legger jeg den inn?
Den skal du lime inn øverst i stilsettet.


ENDRE "X ANTALL KOMMENTARER"


Vil du at for eksempel at det skal stå "x søte små" istedenfor "x kommentarer", så gjør du dette:
Design -> Rediger -> Maler 

- Trykk på CTRL + F tasten på tastaturet. 
- Søk på "comment".
- Der skal det stå: " <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a> " 
- Det du skal gjøre er å endre litt på koden slik: 
<a href="${EntryPermaLink}#comment">${EntryCommentCount} søte små</a>


SLIK SER DU HVOR MANGE SOM LESER BLOGGEN DIN AKKURAT NÅ


Koden:
<!-- Start FastOnlineUsers.com --> <a href="http://www.fastonlineusers.com"> <script type="text/javascript" src=http://fastonlineusers.com/on4.php?d=LINK TIL DIN BLOGG HER!!! mce_src=http://fastonlineusers.com/on4.php?d=LINK TIL DIN BLOGG HER!!!></script> </a> leser denne bloggen NÅ</a> <!-- End FastOnlineUsers.com --></div>

Hvor legger jeg den inn?
Endre profil - > Beskrivelse 
I ruten for beskrivelse skal du lime inn koden, og du må huske på å legge inn linken til bloggen din.

 


ENDRE FOR HVA DET STÅR PÅ KOMMENTAR KNAPPEN

Slik gjør du det:
Gå inn på Design -> Rediger -> Maler.. Når du er på Maler, så ser du at det står Index (forsiden). Trykk der og velg; Enkeltinnlegg. Deretter trykker du CTRL + F (samtidig) på tastaturet ditt og så søker du på " Send kommentar ". Istedet for at det står 'Send kommentar', så kan du jo skrive hva du enn vil. Kanskje "Nå blir jeg glad :)" eller noe annet.


 

Legg igjen en kommentar om det er noe du lurer på, så kan vi kanskje hjelpe deg.

Med vennlig hilsen Ida og Anna...



Ida og Anna!.

arkiv

  • Januar 2013
  • Desember 2012
  • November 2012
  • Oktober 2012
  • September 2012
  • Juli 2012
  • Juni 2012
  • Mai 2012
  • April 2012
  • Mars 2012
  • Februar 2012
  • Januar 2012
  • Desember 2011
  • November 2011
  • Oktober 2011
  • September 2011
  • August 2011
  • Juli 2011
  • Juni 2011
  • Mai 2011
  • April 2011
  • Mars 2011
  • Februar 2011
  • Januar 2011

  • kategorier

  • 10 days
  • anbefales
  • arnold
  • barbie
  • bilder
  • Blogg
  • days
  • design og html-koder
  • dikt
  • flauser
  • folk flest
  • fri
  • haha
  • header
  • hverdag
  • hår
  • Jobbing
  • konk
  • Kontakt
  • mat
  • musikk
  • Om meg
  • outfits
  • punkt
  • rihanna
  • sladder
  • sommer
  • spørsmål
  • SYKDOMMEN
  • teiteklubben
  • trist
  • tull og tøys
  • ukens
  • weheartit

  • lenker

  • blogg.no
  • Få din egen blogg!

  • designet er laget av:

  • caroline maria bloglovin


  • hits