HVOR MANGE INNLEGG VISES PÅ FORSIDEN?
@ Postet 21.feb.2010, 21:15 av TrineCam 
Dette er et innlegg egentlig for å hjelpe denne jenta, men kanskje noen andre lurer på det sammen.
Noen synes det vises for få innlegg på forsiden.
På min forside vises det mange innlegg nå, da jeg tenker at dette gjør at flere kan lese eldre innlegg uten å lete i arkivet mitt.
Slik forandrer du altså på antallet innlegg på forsiden av bloggen din:
Gå inn på Design-> Rediger -> Maler -> Forside.
Søk etter denne koden <tag:entrylist limit=" ved å trykke Ctrl - knappen og F.
Du vil mest sannsynlig få opp dette <tag:entrylist limit="30">
Bytt ut tallet 30 med et annet for hvor mange innlegg du vil ha på forsiden av din blogg. Jeg har tallet 40, men du kan ha 50 også.
VAR DET FORSTÅELIG?
Mer designghjelp til din blogg kan du finne ved å trykke på DESIGNHJELP under headeren min.
LAG DITT EGET BLOGGLOVINGMERKE
@ Postet 10.feb.2010, 05:31 av TrineCam
Selv om jeg har bloggpause noen dager tenkte jeg å gi dere ett tips i dag. Jeg har fått å mange mailer og spørsmål fra folk som lurer på dette, så da skriver jeg det ned til dere jeg.
LAG DITT EGET BLOGGLOVINGMERKE:
Dette er en forklaring på hvordan man kan lage et mer personlig bilde med link til Blogglovin'.
Dette er hva du må gjøre:
1. Lag et bilde, enten et du har selv, eller en tekst eller begge deler enten i paint, photoshop eller andre redigeringsprogram. Jeg bruker PHOTOSCAPE, men du kan bruke det du har tilgang til.
2. Finn HTML-koden til bildet du har laget. En enkel måte å gjøre dette på er å laste bildet opp i NYTT INNLEGG på bloggen din. Trykk på HTML av/på-knappen nede til høyre. Da kommer HTML-koden opp.
3. Du må selvsagt ha koden til din blogglovingsiden din.
Du skal nå bruke deler av din blogglovingkode, dvs bildedadressen. Det er det første som står. Deretter må du sette inn HTML-koden på det bilde du har laget etter bildeadressen. Du vil nok skjønne det når du prøver. Dette skal være forholdsvis enkelt.
4. Gå inn i Design<Rediger, og lim inn din ferdige Bloggloving-link enten i MALER (forside) eller i WIDGET ettersom hvor du vil ha den hen. vil du ha den flere steder enn på forsiden, limer du den inn i de andre 3 malene også.
5. Husk å forhåndsvise, og forsøk å trykke på linken så du ser den fungerer, før du lagrer.
LYKKE TIL!
Du finner mer designhjelp i menyen min under headeren helt til høyre der det står DESIGNHJELP.
JULEDESIGN NOK EN GANG
@ Postet 29.nov.2009, 21:21 av TrineCam
Ja dere syntes jeg kunne bruke min header, så da gjorde jeg det jeg da. Hihi.
Snøen er fortsatt på plass, men byttet ut grønn med rød bakgrunn.
Sånn btw, forklaringen på fallende snø finner du om du kikker under muin header helt til høyre. Der har jeg en DESIGNHJELP-knapp du kan trykke på.
HVA SYNES DU?
DESIGNHJELP - SNØ PÅ BLOGGEN
@ Postet 25.nov.2009, 01:10 av TrineCam
Hvis du ser på bloggen min, så har jeg laget meg et juledesign. jeg har også lagt inn fallende snø. Har sett at noen har lagt inn samme kode som meg, og fått snø overalt, også i innleggene. Det har ikke jeg. Hvorfor andre har det og ikke jeg vet jeg ikke, og kan ikke hjelpe med. Men jeg har et litt annet stilsett og maloppsett enn blogg.no sitt så kanskje derfor.
Men nå kommer altså koden og hvordan du får fallende snø på bloggen din du også hvis du vil. Har skrevet det lenger ned, men nå legger jeg det under DESIGNHJELP så dere kan finne det lettere igjen.
SLIK FÅR DU FALLENDE SNØ:
<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript">
/***********************************************
* Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact
***********************************************/
</script>
1. Kopier og lim inn koden over.
2. Gå inn i Design - Rediger - Maler
3. Lim koden inn under første gang du ser <body>
4. Forhåndsvis så du ser snøen dale
5. Lagre malen og det snør på din blogg også!
Vil du ha det i kommentarfeltet også så folk ser det når de legger igjen kommentar, legg koden også da inn i Maler og Innlegg, også under første sted du ser <body>
Hvis dette ikke går kan jeg ikke hjelpe deg mer.
LYKKE TIL!
God natt alle sammen fra Trine og Sokratespusen...
ATM + AT JEG IKKE LAGER DESIGN
@ Postet 21.okt.2009, 21:54 av TrineCam
En liten søt widget til deg om du vil ha en på bloggen din.
Fikk noen spørsmål om jeg kunne legge ut koder for å få en slik boks.
AT THE MOMENT - boks, en sånn jeg har på siden av min blogg. Hva gjør du, hvor mange grader er det osv.. Jeg har ikke så mange ting der, men her kommer koder for flere ting du kan ha.
1. Gå inn i DESIGN- REDIGER-WIDGET
2. Sett inn denne koden der:
<TABLE><TR><TDBGCOLOR="grey"><PALIGN="CENTER"><FONT FACE="verdana"SIZE="1"COLOR="white"><B>ATTHE MOMENT</B></FONT></P></TD></TR><TR><TD><p style="width:190px;text-align:CENTER;border:1pxsolid #000000; background:#fFFFFFF; filter:alpha("opacity="100); opacity:.50;"><FONT face="tahoma"><FONT size="1"><FONT color="#000000"><br><img src="http://img65.imageshack.us/img65/6785/i158127199872923sk.gif">-- TEXT HERE
<BR><IMGSRC="http://img8.imageshack.us/img8/7402/k9fc5i5tv.gif"> -- TEXT HERE
<BR><IMGSRC="http://img524.imageshack.us/img524/9195/k9fbxi9nr.gif"> -- TEXT HERE
<BR><IMGSRC="http://img454.imageshack.us/img454/4549/jt9x072mp.gif"> -- TEXT HERE
<BR><IMG SRC="http://i1.tinypic.com/v83jgg.gif"> -- TEXT HERE
<BR><IMG SRC="http://img221.imageshack.us/img221/3978/k9fcq15tb.gif"> -- TEXT HERE
<BR><IMG SRC="http://img218.imageshack.us/img218/593/k9ffcj4bs.gif"> -- TEXT HERE
<BR><IMG SRC="http://i2.tinypic.com/vhs2de.gif"> -- TEXT HERE
<BR><IMG SRC="http://img210.imageshack.us/img210/3617/k9fcjp7vr.gif"> -- TEXT HERE
Du kan også legge den inn i MALER.
Husk at du kan forandre størrelse, farger og skrifttyper som du vil.
Og en ting til søte dere. Dessverre kan jeg ikke sitte å lage design til dere. Jeg får så mange spørsmål om det, men det kan jeg ikke. Jeg har verken tid eller muligheter for det. Hyggelig at dere liker mitt design, men som sagt jeg lager ikke til dere.
Men se under headeren min under DESIGNHJELP. Der finner dere masse hjelp, også kan dere prøve selv og evnt spørre meg senere dersom det er noe dere ikke får til.
HØST/VINTER - DESIGN
@ Postet 30.sep.2009, 01:39 av TrineCam
Jeg har fått en nydelig høst/vinterheader av Carina. Tusen takk, søta.
Carina har laget den røde jeg har hatt hele tiden også, og den kommer nok opp igjen, for jeg digger den. Men litt forandring må til, og jeg likte denne også veldig godt! Kalde nydelige farger. Får litt vinterstemning.
I tillegg en mørkere bakgrunnsfarge. Er litt usikker på denne men. Nytt profilbilde også. Må liksom matche litt.
Nå skal jeg bare om noen måneder spørre Carina pent om hun kan lage juleheader til meg.
Hva synes dere da?
Hvilken er finest?
Hva med bakgrunnsfargen og profilbildet?
EDIT:
Denne bakgrunnen kanskje?
HVORDAN SKIFTE HEADER
@ Postet 11.sep.2009, 17:29 av TrineCam
Mange har lurt på hvordan de kan skifte ut headeren sin UTEN å ødelegge designet forøverig. Tenkte jeg fikk lage en liten hjelp til dette.
HVORDAN SKIFTE HEADER UTEN Å ØDELEGGE DESIGNET:
Først må du finne URL – adressen til din nye header.
Slik gjør du det:
1. Last opp bilde av headeren din som et nytt innlegg.
2. Trykk på HTML så ser du URL – adressen din. http.// osv…
Gå så inn i DESIGN < REDIGER.
Da er du inne i stilsettet ditt.
NB: Du må IKKE gå inn i bygg ditt eget design. Da ødelegges alle koder og ditt design.
Koden er denne:
#header {
background-image: url(HER SKAL ADRESSEN TIL HEADEREN STÅ);
background-repeat: no-repeat;
height: 350px;
width: 600px;
}
Height og Width forandres ettersom hvor bred bloggen din er, og hvor høy du vil ha din header.
Håper dette var til hjelp.
Sjekk min meny under headeren min og trykk på DESIGNHJELP dersom du trenger flere tips til ditt bloggdesign.
Nå skal jeg spise litt. Blogges senere, søtinger.
JEG LAGER IKKE BLOGGDESIGN
@ Postet 20.jul.2009, 23:17 av TrineCam
Nei, jeg lager verken design eller headere til folk. Det har jeg ikke tid til og jeg bruker masse tid selv på mitt eget, og føler meg absolutt ikke flink nok heller.
Jeg har heller ikke ork til det sånn min form er.
Det er koselig at dere vil ha hjelp av meg, men det blir alt for mye for meg å gjøre.
Men jeg har en DESIGNHJELP-knapp i menyen min under headeren min.
Her finner du ganske mye koder, så du kan mikse og trikse med ditt eget design.
Det er også fint om du lurer på noe eller har noen spørsmål angående bloggdesign, om du kan stille disse spørsmålene under DESIGNHJELP-innleggene.
Hva synes folket egentlig om min header? Denne er det mere farge i, den forrige var lik men svarthvit.
Ellers kommer historien med ord i morgen. Jeg har fått så mange ord at nå kan jeg ikke ta i mot fler, dessverre. Jeg har nemlig som mål å få med ALLE ordene i min fortelling.
Til slutt vil jeg gjerne ha et tips om en god film jeg kan se på dvd! I morgen blir det filmdag hos oss!
KOM MED FORSLAG DA TIL EN SMÅSYK FILMGLAD TRINE!
Klem.
LITT DESIGNHJELP PÅ EN TORSDAG
@ Postet 16.jul.2009, 19:36 av TrineCam
RAMME RUNDT INNLEGGENE DINE:
}
border-bottom: 2px solid black;border-left: 2px solid black;
border-right: 2px solid black;
Denne koden legger du inn i stilsettet ditt under:
/** Post's body text **/
.entrybody {
Solid kan du forandre til andre type ramme. Her har du noen ulike rammer du kan velge imellom:
ULIKE RAMMER:
solid
dashed
dotted
double
groove
ridge
inset
outset
Px og fargen kan også selvsagt forandres som du vil.
TA BORT NAVNET I HEADEREN DIN:
#header h1, #header p { display:none }
Denne koden limer du inn helt nederst i stilsettet ditt.
JEG VIL HA BLOGGEN MIN TIL VENSTRE ELLER HØYRE:
Dersom du ikke vil ha bloggen din midt på, kanskje heller til en av sidene, så kommer det du må gjøre her.
1. Let opp #wrapper som du finner i stilsettet ditt.
2. Legg til float: center;
Nå blir bloggen i midten, som min er, men vil du ha den til høyre eller venstre, så skriver du right/left i stedet for center.
Mange fler koder finner du i menyen min under headeren min. Trykk på DESIGNHJELP for flere koder!
HVOR MANGE ER ONLINE
@ Postet 08.jul.2009, 12:11 av TrineCam
Noen som har lurt på hvordan de kan få vite hvor mange som leser bloggen deres akkurat nå . Her kommer koden for det:
<!-- 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>
Denne koden kopierer du, og limer inn enten i widget eller i maler.
Du må huske på å sette inn LINK TIL DIN BLOGG der det står!
Jepp, jepp, det var det.
Husk også min konkurranse som går ut på å skrive kommentar nr 10.000! Den som gjør det, stikker av med en gavepakke med sminke! Det nærmer seg nå folkens...
LAG EN HEADER ENKELT
@ Postet 29.jun.2009, 13:29 av TrineCam
Dette er et lite tips til hvordan du kan lage en fin header, enkelt og greit. Kanskje du ikke har photoshop eller andre bilderedigeringsprogram?
Kanskje du ikke vet hvordan man kan lage en header?
Vel da er SCRAPBLOGBUILDER kanskje redningen for deg!
Her er et eksempel:
Dette er hvordan du da kan lage deg en ny header på em enkel og grei måte:
1. Scrapblogbuilder finner du her.
2. Du må lage deg en gratis konto der, med brukenavn og passord.
3. Du lager ditt bilde/header her.
4. Trykk på SAVE øverst til venstre et sted.
5. Skriv inn tittelen på ditt bilde.
6. Trykk på SAVE og NO THANKS
7. Når du er fornøyd med ditt bilde, trykk på PUBLISH SCRAPBLOG.
8. Du kan nå velge mellom å publisere bildet ditt for alle, eller kun dine venner. Merk det du ønsker å gjøre.
9. Skriv inn en tag for ditt bilde, og trykk på PUBLISH.
10. Nå tar det ganske lang tid mens bildet ditt lader. Bare vent til det er ferdigladet.
11. Når det er ferdig, trykk på CLOSE.
12. Trykk på FILE helt til venstre i hjørnet på programmet, og velg EXPORT AS JPEG.
13. Trykk DOWNLOAD.
14. Lagre headeren/bilde der du ønsker på din maskin.
Noen flere eksempler som man kan lage på noen få minutter:
SCREENSHOT & ET DESIGNTIPS
@ Postet 13.jun.2009, 00:33 av TrineCam
HVORDAN TA SCREENSHOT (BILDE) AV BLOGGEN DIN:
En del som har spurt, derfor legger jeg ut et lite innlegg om hvordan dette gjøres.
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!
HVORDAN FÅ MELLOMROM MELLOM TOPPEN AV HEADER OG TOPPEN AV BLOGGEN DIN:
Lurer du på hvordan du får til dette?
Vel da kan du lese videre på dette innlegget.
1. Du går inn i Design< Rediger< Stilsett.
2. Let opp #wrapper.
3. Her setter du inn denne koden: margin: 0px, 0px, 0px; (hvis
den ikke er der fra før av).
4. Du forandrer på den første px til et større tall, ettersom
hvor stor åpning du ønsker mellom toppen av header og
toppen av bloggen din.
ENDRE KOMMENTARFELTET DITT?
@ Postet 12.jun.2009, 16:45 av TrineCam
Har du lyst til å endre kommentarfeltet ditt ved og feks legge på en farge?
Jeg har laget et eksempel her med lys rosa bakgrunn.
INPUT = De smale kolonnene
TEXTERA = De stole feltene
background-color = Bakgrunnsfargen på kolonnene.
border: 1px solid black; = Rammen rundt kolonnene.
font-family: verdana = Skrifttypen på teksten du skriver.
color = Fargen på teksten man skriver.
font-weight: bold; = Tykkelsen på teksten man skriver. (Bold er tykk skrift)
font-size: 10px; = Størrelsen på teksten du skriver.
Hvis du heller vil ha et bilde som bakrunn i stedet for en farge bare, setter du dette
background-image: url( din bildeadresse); under textarea.
Du går altså inn i Design< Rediger< Stilsett.
Du setter disse kodene rett og slett enkelt og greit nederst i ditt stilsett.
Vanskeligere er det ikke.
input{
background-color: #;
border: 1px solid black;font-family: verdana;
color: black;
font-weight: ;
font-size: 10px;
}
textarea{
background-color: #;
border: 1px solid black;
font-family: verdana;
color: black;
font-weight:
font-size: 10px;
}
PS: Det er mulig du ikke ser noe når du forhåndsviser, men da bare lagrer du og går ut av stilsettet og sjekker om det fungerte. Hvis det ikke fungerte, er det bare å gå inn i arkivet og tilbakestille designet ditt.
STORT PROFILBILDE
@ Postet 08.jun.2009, 19:03 av TrineCam
Hvordan få større profilbilde på bloggen din:
1. Lag bildet ditt i str. du ønsker. Vikig at bredden IKKE blir for bred. Mitt er 170px i bredden.
2. Gå inn i Design -> Rediger -> Maler
Velg index(forside) i Maler
3. Scroll nedover til du finner dette;
<div><ahref="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img{URL- ADRESSEN TIL BILDET DITT}shared/img/profiles/${ProfileImage}" alt= <a href="<a href=
"HTML- KODEN TIL BILDET DITT" target="_blank"><img
src="URL- ADRESSEN TIL BILDET DITT" border="0" alt=""></a><a href="" target="_img src="" border="0" alt=></a>
<p><ahref="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><span style="font-weight:bold"></span></a></p>
<div style="border: 0px solid #FBBD93; width:250; height:8; background:#fff"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR:#000 ; FONT-FAMILY:tahoma ; LETTER-SPACING: 0,5px; LINE-HEIGHT: 11px">
Der det nå står URL- ADRESSEN TIL BILDET skal du lime inn adressen (URL) til bildet du ønsker å ha som profilbilde på bloggen din.
Der det står HTML- KODEN TIL BILDET DITT skal du sette inn den. URL-ADRESSEN skal stå to steder, og HTML-KODEN skal stå ett sted.
Både adressen og HTML-koden finner du ved f.eks å bruke photobucket.com eller andre steder der du kan laste opp bildet og få dette dersom du ikke finner det på andre måter.
HTML - KODEN kan også finnes enkelt ved at du går inn i nytt innlegg, laster opp profilbildet du ønsker, og trykker på HTML-KNAPPEN AV/PÅ i høyre hjørne nede.
NB! Husk å forhåndsvise din blogg, og mulig du må fjerne noe mer i maler.
Ikke sikkert vi har det likt.
Jeg må innrømme at jeg strevde en stund, men fikk det til til slutt.
For andre koder søk i bloggen min på DESIGNHJELP TIL DIN BLOGG.
10 KJAPPE DESIGNTIPS
@ Postet 06.jun.2009, 00:08 av TrineCam
Jeg har lagt ut et lignende innlegg før, men noen lurte på om jeg kunne gjøre det igjen, så da gjør jeg selvsagt det.
Det er nemlig noen som har spurt meg om hvordan de skal gå fram når de skal bygge opp et bloggdesign, f.eks. i forhold til fargebruk o.l.
Det er sikkert da mange som tenker ja, dette kan jo alle klare da. Ja, det kan tenkes, men nå har jeg nå fått spørsmål om jeg ikke kunne skrive opp noen tips så her kommer noen for de som vil ha.
Jeg er langt i fra noen ekspert, nei laaangt i fra noen ekspert.
Ville bare poengtere dette i tilfelle noen mååå kommentere sånn som f.eks; Herregud tror du du kan noe, eller?
He he, for den har jeg fått før nemlig.
Jeg tar kun utgangspunkt i hvordan jeg selv tenker.
Det finnes selvsagt ingen fasit.
Lag en header du er fornøyd med før du begynner på resten av designet.
Bruk fargene eller tilnærmede farger som du har i headern din, og la de samme fargene gå igjen i designet ellers.
Finn nyanser av de fargene som er i header, miks og triks, og prøv deg fram til du finner dine farger.
La fargene i designet ditt gli i hverandre, så det får naturlige overganger.
La overskriften være tydelig så man ikke er i tvil om hva som står der.
Bruk også skrift-typer hele veien som er tydelige å lese. Det er tross alt det du skriver som er det viktigste. Fargen du velger på all skrift bør du velge med omhu. Hva er tydelig å lese osv.
Bakgrunnsfargen du velger bak dine innlegg bør stå til fargen på skriften. Se etter at det ikke er vanskelig og "vondt" å lese det du skriver.
For all del bruk AVSNITT og TEGN. Det er ikke behagelig å lese en blogg hvor alt går i hverandre, og det verken finnes komma eller punktum.
Lag gjerne rammer og/eller skillelinjer for å markere ulike steder i bloggen din. Da vil designet se mye ryddigere ut.
Husk at får du dilla på noe, kan det fort skje at du vil bruke dette mye, og vips ser ikke bloggen din særlig oversiktelig ut lenger. Jeg snakker av erfaring.
HUSK AT BLOGGEN DIN MEST SANNSYNLIG SER FORSKJELLIG UT ETTERSOM HVILKEN NETTLESER DU HAR!
Hva slags nettleser har du?
Jeg har Opera på lap-topen , og Safari på Mac'en.
LAG DITT EGET BLOGLOVING-BILDE
@ Postet 28.mai.2009, 21:51 av TrineCam
Dette er en forklaring på hvordan man kan lage et mer personlig bilde med link til Blogglovin'.
Dette er hva du må gjøre:
1. Lag et bilde, enten et du har selv, eller en tekst eller begge deler enten i paint, photoshop eller andre redigeringsprogram. Jeg bruker FOTOFLEXER, men du kan bruke det du har tilgang til.
Dette er to bilder jeg har laget:
2. Finn HTML-koden til bildet du har laget. En enkel måte å gjøre dette på er å laste bildet opp i NYTT INNLEGG på bloggen din. Trykk på HTML av/på-knappen nede til høyre. Da kommer HTML-koden opp.
3. Du må selvsagt ha koden til din bloggloving.
Du skal nå bruke deler av din blogglovingkode, dvs bildedadressen. Det er det første som står. Deretter må du sette inn HTML-koden på det bilde du har laget etter bildeadressen. Du vil nok skjønne det når du prøver. Dette skal være forholdsvis enkelt.
4. Gå inn i Design<Rediger og lim inn din ferdige Bloggloving-link enten i MALER eller i WIDGET ettersom hvor du vil ha den hen.
5. Husk å forhåndsvise, og forsøk å trykke på linken så du ser den fungerer, før du lagrer.
6. Vil du ha signaturen midtstilt som jeg har, så skriver du center foran og bak HTML-koden slik:
<center>bildekoden</center>
Følg meg da gjerne på BLOGGLOVING ved å trykke på bildet under, eller finn det i min sidemeny.
DESIGNHJELP 4
@ Postet 27.mai.2009, 04:03 av TrineCam
Jepp, kommer med litt flere designtips etter ønske fra dere lesere. Håper noe kan være til hjelp.
Er det noe annet du lurer på om design og koder kan du søke i min blogg i SØK I BLOGGEN MIN og skrive inn Designhjelp til din blogg i søkefeltet. Da vil du finne flere innlegg om koder og designhjelp til din blogg.
HVORDAN LEGGE INN ET PERSONLIG BILDE I KOMMENTARFELTET:
Hvis du vil ha et bilde i kommentarfeltet som jeg har, (der jeg har en dame med sommerfugl og en liten beskjed laget til dere som kommenterer), så kommer fremgangsmåten her.
1. Lag et bilde, enten et du har selv, eller en tekst eller begge deler enten i paint, photoshop eller andre redigeringsprogram. Jeg bruker FOTOFLEXER, men du kan bruke det du har tilgang til.
2. Finn HTML-koden til bildet du har laget. En enkel måte å gjøre dette på er å laste bildet opp i NYTT INNLEGG på bloggen din. Trykk på HTML av/på-knappen nede til høyre. Da kommer HTML-koden opp.
3. Gå inn i Design<redigering< MALER. Her skal du lime inn HTML-koden du har funnet under MALER - ENKELTINNLEGG.
4. Du leter deg frem til avsnittet om comments, kommentarer. Jeg har feks limt inn damen med sommerfuglen under dette:
<imgsrc="http://trinecam.blogg.no/images/345708-2-1238390322497-n400.jpg" alt="kommenter innlegget her" /><br />
Men, du kan lime inn HTML-koden til bildet der du vil. Du vil finne steder der det står, Kommenter innlegget her, navn, osv...
5. FORHÅNDSVIS det du har gjort før du lagrer.
SIGNATUR UNDER ALLE INNLEGGENE DINE:
1. Gjør på samme måte som bilde i kommentarfeltet.
Følg punktene 1 og 2.
2. Du kan enten lage en signatur med kun navnet ditt som jeg har, eller med et lite bilde av noe ved siden av teksten. Denne rosa signature er selvsagt litt stor da, men her er det laget med bilde, de rosa sommerfuglene. Under er det en enkel signatur med kun navnet mitt.
3. Når du har funnet HTML-koden, går du inn i Design<redigering< MALER. Her skal du lime inn HTML-koden du har funnet under MALER INDEXT/FORSIDE.
4. Her må du lete opp dette:
<h3>${EntryTitle}</h3>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
Det er i alle fall det det står rett over min signatur. Lim inn koden under dette.
5. Vil du ha signaturen midtstilt som jeg har, så skriver du center foran og bak HTML-koden slik:
<center>bildekoden</center>
DESIGNHJELP TIL DIN BLOGG 3
@ Postet 29.apr.2009, 16:58 av TrineCam
Ja, jeg skjønte det sånn at mange vil ha enda mer designtips til sin blogg. Nå skal det igjen sies at jeg har lært meg masse selv, men også plukket opp litt her og der, både fra INGVILD og CAROLINE og andre steder.
Dessuten kan jeg jo ikke gi dere flere tips en jeg kan selv. He he... Men koselig er det å dele med dere!
Jeg håper du linker til min blogg dersom du bruker tipsene du finner på min blogg. Du kan også sette inn direktelink til meg sånn som denne her:
Du finner koden i min sidemeny til høyre i bloggen.
Hvordan få direktelink til din blogg som widget:
Kopier koden under bildet, og lim den inn i ditt eget design, i WIDGET eller i MALER. Det kommer an på hvor du ønsker å plassere den. Du kan også lage din egen link. Da må du lage et bilde selv, og finne bildeadressen. Bare bytt den ut med min. Se hvordan koden min er bygget opp, så klarer du det sikkert!
Hvordan legge inn bilde eller annet ved kommentarfeltet:
Gå inn i Design-Rediger-Maler.
Du må så forandre MALER til ENKELTINNLEGG.
Så må du scrolle deg nedover i enkeltinnlegg til du finner avsnittet om kommentarer. Mitt ser sånn ut:
<img src="http://trinecam.blogg.no/images/345708-2-1238390322497-n400.jpg" alt="kommenter innlegget her" /><br /><br /><br />
Under her legger du inn det bildet du ønsker. Jeg har sommerfugler, men du kan ha hva som helst. Et bilde av deg selv, en tekst, du bestemmer! Du må finne bildeadressen til ditt bilde.
Hvordan finne bildeadresse og/eller HTML-kode til bilde mitt:
Logg deg inn på feks nettstedet http://photobucket.com/ og opprett en gratis konto. Her kan du laste opp bildene, headere, widgets eller hva det måtte være, og voila forandres de til koder og adresser.
HTML-KODEN på ditt bilde kan du også enkelt og greit gjøre ved å laste det opp i et innlegg som du pleier når du laster opp bilder, og trykke på HTML så forandres det til en kode. Det er vel så enkelt.
Hvordan få linje under overskriften:
Gå inn i Design-Rediger-Stilsett.
Let deg frem så du finner ENTRY HEADERS. Her skal du sette inn en border, altså linje. Mitt stilsett under Entry headers ser sånn ut:
/** Entry headers **/
h3 {
font-family: Verdana, serif;
font-size: 20px;
color: #585858;
background-color:#;
border-bottom: 3px double #000000;
Linja som er markert er den du skal sette inn. Double betyr da naturlignok dobbel, og som dere ser har jeg dobbellinje under mine overskrifter. Vil du ha en enkellinje skriver du Solid. Du kan også ha en prikkete linje, da skriver du Dotted. Fargen du vil ha på linjen setter du inn etter colour. Har du ikke Entry Headers må du skrive det inn under H3 i ditt stilsett.
Skillelinje mellom innleggene dine:
Gå inn i Design-Rediger-Stilsett.
Let deg frem så du finner ENTRYMETA. Her skal du sette inn en border, altså linje. Mitt stilsett under entrymeta ser sånn ut:
/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
padding:20px;
text-align:right;
border-bottom: 1px solid #000;
Linja som er markert er den du skal sette inn. Fargen du vil ha på linjen setter du inn etter colour. Har du ikke Entrymeta må du skrive det inn selv i ditt stilsett. Sett det neders i stilsettet ditt, tror det skal fungere for de fleste.
Linker under header, en side du kan sjekke ut:
Mange mange spør om disse berømmelige knappene/linkene under header. Jeg kommer ikke til å hjelpe med dette, fordi det er tidskrevende, og jeg er ingen ekspert selv, så dessverre så må dere forsøke dette selv.
Men jeg har funner en ganske bra side dersom du ønsker linker (knapper) under header, sånn som jeg har.
Gå inn
HER
Bruk min smarte SØK I BLOGGEN-funsksjon og søk på feks "DESIGNHJELP". Da vil det komme opp mange treff og mange innlegg hvor jeg har skrevet koder og hjelp til din blogg. Jeg har blant annet et innlegg som heter "Designhjelp til din blogg", og "Designhjelp til din blogg 2".
Som sagt håper jeg du linker til min blogg hvis du benytter deg av noen av disse kodene.
NB!
Husk at det er lurt å LAGRE de kodene du bruker, for du må legge de inn på nytt dersom du bytter header f.eks.
Det er også lurt å FORHÅNDSVISE de forandringer du gjør FØR du lagrer dine forandringer.
Et design vises ikke alltid likt i alle nettlesere. I Explorer kan det se anderledes ut enn f.eks. i Opera.
Det kan også helt sikkert være at du har et annet stilsett og en annen mal enn meg, så det er mulig du kan mangle noe annet dersom du ikke får til noen av kodene Husk, ingen blogger er like!
Prøv deg fram, litt logisk tenking er også greit å gjøre innimellom. He he.
Her finner du andre blogger med flere tips til å lage et fint design!
http://fixmeta.blogg.no/
http://www.designadinblogg.se/
Under knappen INFO kan det hende du finner mer nyttig?
Ta en kikk da vel. Jeg biter ikke!
STÆSJ OG MOROSAKER TIL BLOGGEN DIN
@ Postet 25.apr.2009, 16:14 av TrineCam
Her kommer noen linker til søte sider der du kan finne stæsj og Html-koder for å pynte litt på bloggen din. Du kan lage header i et veldig enkelt program også, mange muligheter for oss som liker stæsj!
Her kan du lage headere og bakgrunnsbilder som scrapbooking blant annet. Et eksempel på hva du kan lage finner du i form av denne headeren her som jeg kun brukte 5 minutter på å lage:
>
http://www.carrielynnesworld.com/
Her er verdens søteste side hvor du får masse søtt som en Hello Kitty-klokke blant annet og Shoutmix, en chatboks som man kan chatte sammen på.
Dette er en veeldig jenteside altså, men mye koder og annet stæsj.
Her finner du veldig mange ting; kalendere, klokker, bakgrunner og mye mer.
Dette er en morsom side du kun setter inn bilder i ulike situasjoner. Man kan jo bruke det som header også eller bakgrunnsbilder.
Jada, her kan du bli Britney Spears, eller en filmdiva, eller George Clooney. Moro, moro.
Her finner du masse masse ulike klokker å pryde din bloggside med.
http://www.designadinblogg.se/
Den BESTE siden jeg har funnet om tips til koder og design av bloggen din.
Sjekk ut disse sidene hvis du liker å pynte litt! 
LINK DIREKTE TIL MIN BLOGG
@ Postet 25.apr.2009, 00:31 av TrineCam
Vel, jeg hadde håpet du kunne få deg en link med Trinecam dersom du bruker noen av mine designtips som du finner i menyen under Hjelp/Tips-knappen.
Bare kopier koden under widgeten og lim den inn i widgets eller i maler i ditt eget design.
Du kan også lage din egen link til din egen blogg ved å bytte ut url-adressen til din egen bildeadresse. Tror FIXMETA har et innlegg nettom om dette.
Håper alle har hatt en fin fredagskveld!
HVA HAR DU GJORT I KVELD DU DA?
DESIGNHJELP TIL DIN BLOGG 2
@ Postet 17.apr.2009, 02:41 av TrineCam
Her kommer en slags del 2 på Designhjelp til din blogg.
Flere tips og koder finner du her i Designhjelp til din blogg:
http://trinecam.blogg.no/1237756250_designhjelp_til_din_b.html
Denne listen vil bli lenger etterhvert.
Hvordan endrer jeg mine kommentarer til egen tekst som feks "Takk for kommentaren"
Gå inn i Design->Rediger->Maler
Trykk på ctrl + f tasten på tastaturet for og søke.Du skal søker på "comment".
Deretter kommer feltet opp der du skal lime inn koden.
Det skal se slikt ut:
<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>Når du har funnet dette kan du endre på koden til det du selv vil.
<a href="${EntryPermaLink}#comment">${EntryCommentCount} DIN TEKST HER</a>
Hvordan får jeg min meny venstrestilt:
Gå inn i Design>Rediger>Stilsett.
Legg denne koden unde #wrapper:
}
#main {
float: right;
}
#side {
float: left;
Her limer du den inn:
#wrapper {
width: 580px;
border: 1px solid #000000;
}
#main {
float: right;
}
#side {
float: left;
background-color: #FBEFEF;
background-attachment: fixed;background-position: right bottom;
background-repeat: repeat;
margin-left: auto;
margin-right: auto;
font-size: 8pt;
}
HUSK AT DU MEST SANSYNLIG MÅ JUSTERE DIN EGEN WIDTH DA. DEN ER NEPPE LIK SOM MIN.
580 er kun et eksempel. Du må tilpasse tallet etter din egen blogg.
Hvordan får jeg skillelinje mellom meny og innlegg:
Gå inn i Design>Rediger>Stilsett.
Legg inn dette under #content som vist under:
#content {
border-left-width: 3px;
border-left-style: solid;
border-left-color: #CCCCCC;
}
Har du ikke #content, så skriv det inn selv.
Border left eller border right må du justere ettersom hvilken side du har menyen din på.
Hvordan får jeg bakgrunnsfarge på overskriften min:
Det som er marker med fet skrift, er det du skal fylle ut.
Gå inn i Design -> Rediger -> Stilsett
a { color: #000000}
a:link { color: #000000}
a:visited { color: #000000}
a:active { color: #000000}
img.thumbnail, img.image { border: 0px solid #FFBF6C; }
img.image { border: 0px solid #FFFFFF; }
image { border: 0px solid #FFFFFF; }
h2 { background-color: #CCCCCC; }
h1, h2, h3, h4, h5 { font-family: Trebuchet MS, Helvetica, sans-serif; }
#header h1, #header p { display:none }
#header { color: #ffffff; }
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #FFBF6C; }
Der det står: #CCCCCC. Kan du selvsagt bytte farge til den du vil ha.
Hvordan få større profilbilde:
1. Lag bildet ditt i 200x150 px
2. Gå inn i Design -> Rediger -> Maler
Velg index(forside) i Maler
3. Scroll nedover til du finner dette;
<ahref="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img class="thumbnail" src="URL TIL BILDET*" alt="MITT PROFILBILDE" /></a>
Der det nå står URL TIL BILDET skal du lime inn adressen (URL) til bildet du ønsker å ha som profilbilde på bloggen din.
Etter alt= setter du inn HTML-koden til bildet ditt.
Både adressen og HTML-koden finner du ved f.eks å bruke photobucket.com eller andre steder der du kan laste opp bildet og få dette.
NB! Husk å forhåndsvise din blogg, og mulig du må fjerne noe mer i maler.
Ikke sikkert vi har det likt.
Jeg må innrømme at jeg strevde en stund, men fikk det til til slutt.
MER DESIGNHJELP; LINKER UNDER HEADER
@ Postet 10.apr.2009, 14:29 av TrineCam
Jeg synes det er stor stas når mange spør om hjelp til designting.
Det er noe mange ønsker at jeg skriver mer om. Har allerede kommet med et par tips.
Nå kan ikke jeg veldig mye da, så det blir jo begrenset hvor mye jeg kan skrive, men jeg prøver og feiler litt selv, og klarer jeg ting, ja så deler jeg det selvsagt med dere!
Nå har jeg plukket opp litt her og litt der, og prøvd meg fram selv.
Mange ting er faktisk ganske logisk når man først kommer inn i disse kodene.
Du finner min side om "Designhjelp til din blogg" her:
Mange har spurt om hvordan jeg får linkboksene som jeg har under header, der det står "Bloggen" , "Info", og "Om Musikk". Disse har jeg ikke laget selv, men fått hjelp til av Ingvild
Du må gjøre noe i malene også, men er ikke helt sikker på hva.
Tror du må lete i malen etter "header" eller "content", og setter linkene under en av disse ettesom hvor du vil ha de hen.
Men velger allikevel å legge ut dette fordi så mange spør. Uansett er i alle fall dette er del av prosessen.
Dette er ikke gjort i en fei som mange andre ting. Det krever litt tid og litt å holde "tunga rett i munnen".
Dette har jeg kommet fram til. Håper det blir rett for deg, men som sagt ikke sikkert dette er hele prosessen.
Lage linker:
1. Lag en "boks" (eller et motiv, et hjerte eller en blomst f.eks.) med den størrelsen du vil bruke.
Skriv "Bloggen", "Info" og "Om Musikk" som jeg har gjort, eller helt andre ting.
Du kan selvsagt lage flere bokser også.
Du må lage èn "boks" for hver link. Dette kan du gjøre i f.eks paint.
2. Du må så ha en link til disse boksene ellers fungerer det ikke.
Den enkleste måten å gjøre dette på er om du tar noen gamle innlegg du har som du ikke bryr deg om lenger.
Du leter opp disse innleggene, og endrer dem så du kan bruke hver av dem til "Bloggen", "Info" og "Om Musikk". Deretter trykker du på lagre og publiser.
Du kan også lage helt nye innlegg, men da vil de vises som de siste innleggene, og det er kanskje litt dumt, men det er fullt mulig dersom du ikke vil bruke dine gamle innlegg.
3. Trykk "post" på bloggen og last opp boksene. Deretter oppretter du en lenke på hver av dem med linken til de forskjellige innleggene du laget. Trykk så HTML, og det vil da komme opp en ny side med koden du skal lime inn i malen. Kopier så denne koden.
4. Gå inn i maler og let opp <h2>${BlogDescription}</h2></div> og lim inn koden under der.
5. Trykk på forhåndsvisning så du ser om det blir rett. Deretter lagre mal.
Fungerer ikke dette, så må dere nesten forsøke å spørre noen andre...
Det finnes så utrolig mange flinke på design å spørre. Bare let litt i ulike blogger.
Kan jo anbefalle
Tror han har et innlegg om dette. Sjekk det ut.
ALT GJØRES PÅ EGET ANSVAR! Ha ha...
Lykke til.
DESIGNHJELP; SKILLE MELLOM MENY OG INNLEGG
@ Postet 07.apr.2009, 00:41 av TrineCam
Jeg tror det er på denne måten man kan få en skillelinje mellom menyen og innleggene, men er ikke 100% sikker, så ikke ta det for gitt at dette blir riktig.
Det spørs alltid på hvordan stilsettet ditt ser ut i utgangspunktet også. Kanskje du mangler noe.
Skillelinje mellom meny og innlegg:
Gå inn i Design>Rediger>Stilsett.
Legg inn dette under #content:
#content {
border-left-width: 3px;
border-left-style: solid;
border-left-color: #CCCCCC;}
Har du ikke #content, så skriv det inn selv.
Border left eller border right må du justere ettersom hvilken side du har menyen din på.
Flere tips og koder finner du her:
DESIGNHJELP; VENSTRESTILT MENY
@ Postet 06.apr.2009, 22:52 av TrineCam
Mange spør om designhjelp, og noen tips kan jeg jo gi dere, men jeg kan i grunn svært lite i forhold til andre.
Jeg kan kun enkelt-ting, så vær så snill å ikke spør meg om hvordan jeg får til et helt nytt stilsett, eller en helt ny mal fordi det kan jeg ikke hjelpe deg med.
Men her kommer koden for hvordan du kan få menyen over på venstre side på bloggen din.
Flere tips senere.
Venstrestilt meny:
Gå inn i Design>Rediger>Stilsett.
Legg denne koden unde #wrapper:
}
#main {
float: right;
}
#side {
float: left;
Her limer du den inn:
#wrapper {
width: 580px;
border: 1px solid #000000;
}
#main {
float: right;
}
#side {
float: left;
background-color: #FBEFEF;
background-attachment: fixed;background-position: right bottom;background-repeat: repeat;
margin-left: auto;
margin-right: auto;
font-size: 8pt;
}
HUSK AT DU MEST SANSYNLIG MÅ JUSTERE DIN EGEN WIDTH DA. DEN ER NEPPE LIK SOM MIN.
580 er kun et eksempel. Du må tilpasse tallet etter din egen blogg.
Flere tips og koder finner du her:
DESIGNHJELP TIL DIN BLOGG
@ Postet 23.mar.2009, 00:10 av TrineCam
Ja, det er mange som spør om småting til designet sitt. Har skrevet om dette for en stund siden, men nå slenger jeg opp et LAAANGT innlegg til med de tipsene jeg kan.
Takk for at dere finner tipsene nyttige!
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 ved hvert enkelt videoklipp.
Det som står i feltet kopierer du og limer inn i vinduet som kommer opp når du trykker på HTML-knappen.
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å markert ramme rundt header og innhold:
Denne koden skal du bruke: border: 2px solid #000000;
Du skal legge den under #wrapper og #footer, som du finner når du går inn i Design>Rediger>Stilsett .
Det vil da se slik ut:
#wrapper {
background-color: #FFFFFF;
background-image: url();
border: 2px solid #000000;
}
#footer {
background-color: #FFFFFF;
background-image: url();border: 2px solid #000000;
Du kan skrive dotted istedet for solid dersom du ønsker en ramme som er prikket og ikke markert og hel.
Trykk på Lagre stilsett og du er ferdig.
Hvordan endre fargen i rammen rundt bloggen:
Du må endre tallene i koden.
Min ser sånn ut: color: #FDF0F0 (Svart ramme).
Fargekoder kan du finne her. http://home.online.no/~selode/design/web/farger.html
Der har de fargekart med HTML-koder. Du kan også søke i Google og du vil finne fargekart andre steder også.
Hvordan få bloggen min midtstilt:
margin-left: auto;
margin-right: auto;
Denne kode skal du legge under header, #footer og #wrapper, som du finner når du går inn i Design >Redige>Stilsett.
Den vil da se slik ut:
#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;
Trykk på Lagre stilsett og du er ferdig.
Hvordan få bloggen min smalere:
Du må legge til denne koden: width: 610px; som du vil finne når du går inn i Design>Rediger>stilsett.
Den skal du sette inn rett under der det står heigh165px;
Den vil da se slik ut:
#header { background-color: #FFFFFF;
background-image: url (linken til din header)
height: 165px;
width: 610px;
Etter du har gjort dette gjør du nøyaktig det samme der det står #wrapper og #footer.
Da vil det se ut som dette:
#wrapper {
width: 610px;
background-color: #FFFFFF;
}
#footer {
width: 610px;
background-color: #FFFFFF;
}
Trykk på Lagre stilsett og du er ferdig.
Hvordan få søt liten skrift i innleggene mine i stedet for standarskriften:
Du må skrive inn denne koden-size: 8pt; som du finner når du går inn i Design>Rediger>Stilsett.
Den skal plasseres slik og være 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; #wrapper {background-color: #C4C4FD;border: 2px solid #000000;}#footer {background-color: #C4C4FD;border: 2px solid #000000;}
font-size: 7pt;}
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #000000; }
Trykk på Lagre stilsett når du er ferdig.
Hvordan få mit bakgrunnsbildet mitt til å stå stille:
Sett inn dette i stilsettet ; gå inn i Design>Rediger>Stilsett, og da vil bakgrunnen bli stående stille.
BODY {
background-image: url(her skal URL'en til bildet stå)
background-attachment: fixed;background-position: right bottom;
background-repeat: repeat;
}
Trykk på Lagre stilsett og du er ferdig.
Hvordan få overskriften større:
Du må først finne /** Entry headers **/ i stilsettet ditt som du finner ved å gå inn i Design>Rediger>Stilsett.
Under der står det f.eks font-size: 20px;
For å få den større må dere bare skrive inn et større tall enn 20.
For å få mindre må du skrive inn et mindre tall en 20.
Litt mer stæsj til din blogg?
Her kommer noen linker til søte sider der du kan finne stæsj og Html-koder for å pynte litt på bloggen din. Du kan lage header i et veldig enkelt program også, mange muligheter for oss som liker stæsj!
- http://www.scrapblog.com/
Her kan du lage headere og bakgrunnsbilder som scrapbooking blant annet. Et eksempel på hva du kan lage finner du i form av denne headeren her som jeg kun brukte 5 minutter på å lage:
- http://www.carrielynnesworld.com/
Her er verdens søteste side hvor du får masse søtt som en liten Hello Kitty-klokke blant annet og Shoutmix, en chatboks som jeg også har på min side.
- http://pretty-secrets.net/
Dette er en veeldig jenteside altså, men mye koder og annet stæsj.
- http://www.widgetbox.com/
Her finner du veldig mange ting; kalendere, klokker, bakgrunner og mye mer.
- http://www.photofunia.com/
Dette er en morsom side du kun setter inn bilder i ulike situasjoner. Man kan jo bruke det som header også eller bakgrunnsbilder.
Hvor skal adressen (URL'en) til headeren min stå og hvordan finner jeg den:
Gå inn i Design>Rediger>Stilsett. Legg inn dette under #header: background-image:url( lim inn url her); URL-adressen til headeren kan du finne ved å logge deg inn på http://photobucket.com/
Her kan du laste opp den headeren du vil legge til i ditt stilsett. Når headeren er lastet opp, holder du musa over headeren og det vil komme opp ulike adresser, linker m.m. Kopier den adressen du finner under Direkte link, og lim inn i stilsettet under headeren din. Husk at din header må vises i 100% i Photobucket eller blir ikke adressen riktig.
Hvordan får jeg lagt inn URL'en til et bakgrunnsbilde:
Gå inn i Design>Rediger>Stilsett. Sett inn dette:
BODY {
background-image: url(her skal URL'en til bildet stå)
background-attachment: fixed;background-position: right bottom;
background-repeat: repeat;
}Trykk på Lagre stilsett og du er ferdig.
Se høyere opp hvordan du kan få bakgrunnsbildet ditt til å stå stille.
Justering av Header:
Du går inn i Design>Rediger>Stilsett. Du plassere din header som forklart litt lenger opp under; Hvor skal adressen (URL'en) til headeren min stå og hvordan finner jeg den.
Når du har plassert adressen til headeren du skal bruke må du antagelig justere disse tingene: width: ?px; og high: ?pk;. Altså du må forandre høyde og bredde etter hvor stor din header er. Dette må du bare prøve deg fram med. Det blir ulikt for alle og for alle headere. Jo mindre tall du skriver jo smalerer blogg får du. Husk at dete er selve bloggen din som forandrer seg, ikke headeren!
Å fjerne bloggnavnet i header:
Gå inn i Design > Rediger > Stilsett.
Legg inn denne koden: under h1.
h1 {display: none;
Trykk på Lagre stilsett og du er ferdig.
Få markert boks over kategorier, overskrifter m. m:
Gå inn i Design > Rediger > Stilsett.
Finn h3under h3 limer du inn denne koden:
{font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;letter-spacing: -1px;LINE-HEIGHT: 20pt;font-size: 15px;font-weight: normal;background-color: #808080;color: #333333;margin: 0px 0px 10px 0px;}
Trykk på Lagre stilsett og du er ferdig.
Du kan selvfølgelig endre størrelse på boks og skrift, samt skrifttype og farge. Du kan forandre bredde og størrelse på den markerte boksen ved å forandre tallene du ser. Prøv deg fram.
Få loddrett skillelinje mellom meny og innlegg:
Gå inn i Design>Rediger>Stilsett. Finn #side.
Her skal du eventuelt ta bort dette:
border-right-width: 3px;
border-right-style: solid;
border-right-color: #CCCCCC;
Har du ikke dette er det jo ingen problem med det. Så skal du under #side sette inn denne koden:
border-left-width: 2px;
border-left-style: solid;
border-left-color: #CCCCCC;
Trykk på Lagre stilsett og du er ferdig.
Skillelinjen sin tykkelse forandrer du som du vil. Min er på 2px, men kan forandres som sagt. Høyere tall blir tykkere skillelinje. Fargen på linjen setter du inn som du vil. #CCCCCC er svart som det står over, men denne kan forandres.
Mulig du må forandre border-left til border-right. Kommer an på hvilken side din meny står på.
Linker til steder du kan finne andre HTML-koder blant annet fargekoder:
http://www.html-koder.org/
http://www.skuisi.net/tutorials/hexcolors.html
http://www.quackit.com/html/codes/html_scroll_box.cfm
Husk at det er lurt å LAGRE de kodene du bruker, for du må legge de inn på nytt dersom du bytter header f.eks.
Det er også lurt å FORHÅNDSVISE de forandringer du gjør FØR du lagrer dine forandringer.
Et design vises ikke alltid likt i alle nettlesere. I Explorer kan det se anderledes ut enn f.eks. i Opera.
Her finner du mange flere tips til et fint design!
http://fixmeta.blogg.no/
http://www.designadinblogg.se/
LYKKE TIL!
DESIGNHJELP TIL DIN BLOGG
@ Postet 02.mar.2009, 01:25 av TrineCam
Jeg føler ikke at jeg kan så mye her inne ennå, men allikevel er det folk som spør om jeg kan lage "passe fine" headere (som jeg selv velger å si de er), og om jeg kan noe om å forandre design på bloggen.
Vel, noe kan jeg og har tidligere skrevet noen innlegg om dette, men nå samler jeg alt på et brett av det jeg kan så kan du jo kikke igjennom hvis du trenger litt hjelp.
Har plukket opp litt her og litt der.
Jeg vet det er mange der ute som kan en hel haug, og jeg vil lære mer!
Så hvis det er noen som har flere tips om hvordan man kan forandre designet så skriv det gjerne i kommentarfeltet under dette innlegget. Da kan jeg føye til flere tips til dette innlegget etter hvert.
Greit å ha alt samlet under et innlegg synes jeg.
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 ved hvert enkelt videoklipp.
Det som står i feltet kopierer du og limer inn i vinduet som kommer opp når du trykker på HTML-knappen.
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å markert ramme rundt header og innhold:
Denne koden skal du bruke: border: 2px solid #000000;
Du skal legge den under #wrapper og #footer, som du finner når du går inn i Design>Rediger>Stilsett .
Det vil da se slik ut:
background-color: #FFFFFF;
background-image: url();
border: 2px solid #000000;
}
#footer {
background-color: #FFFFFF;
background-image: url();
border: 2px solid #000000;
Du kan skrive dotted istedet for solid dersom du ønsker en ramme som er prikket og ikke markert og hel.
Trykk på Lagre stilsett og du er ferdig.
Hvordan endre fargen i rammen rundt header og innhold:
Du må endre tallene i koden.
Min ser sånn ut: color: #FDF0F0 (Svart ramme).
Fargekoder kan du finne her. http://home.online.no/~selode/design/web/farger.html
Der har de fargekart med HTML-koder. Du kan også søke i Google og du vil finne andre fargekart.
Hvordan få bloggen min midtstilt:
margin-left: auto;
margin-right: auto;
Denne kode skal du legge under header, #footer og #wrapper, som du finner når du går inn i Design >Redige>Stilsett.
Den vil da se slik ut:
#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;
Trykk på Lagre stilsett og du er ferdig.
Hvordan få bloggen min smalere:
Du må legge til denne koden: width: 610px; som du vil finne når du går inn i Design>Rediger>stilsett.
Den skal du sette inn rett under der det står heigh165px;
Den vil da se slik ut:
#header { background-color: #FFFFFF;
background-image: url (linken til din header)
height: 165px;
width: 610px;
Etter du har gjort dette gjør du nøyaktig det samme der det står #wrapper og #footer. Da vil det se ut som dette:
#wrapper {
width: 610px;
background-color: #FFFFFF;
}
#footer {
width: 610px;
background-color: #FFFFFF;
}
Trykk på Lagre stilsett og du er ferdig.
Du må skrive inn denne koden-size: 8pt; som du finner når du går inn i Design>Rediger>Stilsett.
Den skal plasseres slik og være 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; }
Trykk på Lagre stilsett og du er ferdig.
Hvordan få bakgrunnsbildet mitt til å stå stille:
Sett inn denne dette i stilsettet ; gå inn i Design>Rediger>Stilsett, og da vil bakgrunnen bli stående stille.
BODY {
background-image: url(her skal URL'en til bildet stå)
background-attachment: fixed;background-position: right bottom;
background-repeat: repeat;
}
Trykk på Lagre stilsett og du er ferdig.
Hvordan få overskriften større:.
Du må først finne /** Entry headers **/ i stilsettet ditt som du finner ved å gå inn i Design>Rediger>Stilsett.
Under der står det f.eks font-size: 20px;
For å få den større må dere bare skrive inn et større tall enn 20.
For å få mindre må du skrive inn et mindre tall en 20.
Husk at det er lurt å LAGRE de kodene du bruker, for du må legge de inn på nytt dersom du bytter header f.eks.
Litt mer stæsj til din blogg?
Her kommer noen linker til søte sider der du kan finne stæsj og Html-koder for å pynte litt på bloggen din. Du kan lage header i et veldig enkelt program også, mange muligheter for oss som liker stæsj!
Her kan du lage headere og bakgrunnsbilder som scrapbooking blant annet. Et eksempel på hva du kan lage finner du i form av denne headeren her som jeg kun brukte 5 minutter på å lage:
http://www.carrielynnesworld.com/
Her er verdens søteste side hvor du får masse søtt som min Hello Kitty-klokke blant annet og Shoutmix, en chatboks som jeg også har på min side.
Dette er en veeldig jenteside altså, men mye koder og annet stæsj.
Her finner du veldig mange ting; kalendere, klokker, bakgrunner og mye mer.
Dette er en morsom side du kun setter inn bilder i ulike situasjoner. Man kan jo bruke det som header også eller bakgrunnsbilder.
Sjekk ut disse sidene hvis du liker å pynte litt!
Alle tall kan forandres, f.eks hvis du vil gjøre bloggen smalerer og 610 px blir for smalt, prøv med 800 px. Det har jeg.
LYKKE TIL!
Sist postet