Koden du skal bruke er:
<img src=”PICTURE URL” height=”100″>
Forklaring:
Picture url skjønner du sikkert. Der du skal legge inn linken til bildet ditt.
100, der kan du sette inn et tall, og det bestemmer hvor stort bildet ditt blir.
Slik gjør du det:
Design -> Rediger -> Maler.
Her skal du finne
<img src=”${ProfileImageUrl}” alt=”${ProfileName}” />.
Så kan du for eksempel søke (CTRL + F) på ‘profilename’. Du skal deretter bytte ut
(<img src=”${ProfileImageUrl}” alt=”${ProfileName}” />) med koden; <img src=”PICTURE URL” height=”100″>.
For å legge inn linken til bildet, så må du laste opp bildet ditt på www.tinypic.com, under “Direct Link for Layouts” henter du linken som du skal legge inn i koden. Og du kan endre størrelsen for bildet ditt også hvis du vil.
Nå trykker du på Lagre Malen og da skal bildet ditt være større.
Koden du skal bruke:
font-size: 10pt;
Hvor skal jeg legge den inn?
Den skal du legge inn under wrapper.
Slik for eks. skal det se ut;
#wrapper{
background-color: #FFFFFF;
font-size: 10pt;
}
Det eneste du trenger å gjøre nå er å endre tall, vil du ha større skrift skriver du for eksempel 12, eller kanskje du vil ha mindre skrift, så skriver du 8…
Koden:
#header h1, #header p { display:none }
Hvor skal jeg legge den inn?
Den skal du legge nesten helt nederst i stilsettet ditt.
Slik skal det noenlunde se ut;
#header { color: #FFFFFF; }
#header h1, #header p { display:none }
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #FFFFFF; }
Mange har lurt på hvordan man legger inn Youtube videoer på bloggen. Her skal jeg vise dere (og dette er mine forklaringer):
Det første du må gjøre er å gå inn på Youtube. Velg en sang/video. Trykk på “Del” > “Innbygg” som står under videoen. Da kommer det opp ca. sånn her:
<iframe width=”800″ height=”450″ src=”https://www.youtube.com/embed/-ncIVUXZla8″ frameborder=”0″ allowfullscreen></iframe>
Tips:
Trykker du på “Vis mer” kan du velge størrelsen på videoen som passer bloggen din. Er bloggen din 800px i bredden, kan du skrive det i feltet for bredden. Kopier koden.
Blogginnlegg:
Skriv et nytt innlegg. Trykk på HTML av/på som ligger under antall ord. Lim inn koden du kopierte. Trykk på HTML av/på igjen, og du får opp en video.
#youtube #bloggdesign #koder
1. Gå inn på Design > rediger > maler > kategori
2. Trykk og søk (ctrl + f) etter <tag:entrylist limit=”1000″ maxchars=”200″>
3. Fjern maxchars=”200″, men ikke fjern denne >
4. Lagre, og gjør det samme på kategori og arkiv.
Så nå har du hele innlegg på kategori og arkiv!
Hvis du vil endre antall poster som vises på forsiden må du finne denne koden i maler:
<div class=”breadcrumbs”><a href=”http://blogg.no/”>blogg.no</a> » ${BlogTitle}</div>
<div id=”main” class=”yui-u first”>
<tag:entrylist limit=”30″>
Den ligger ganske langt oppe.
For å endre antallet poster som skal vises på forsiden, må du endre tallet der det står <tag:entrylist limit=”30″>. Du kan enten skrive et høyere eller lavere tall, alt etter hva du ønsker.
Lavere: Mindre innlegg
Høyere: Flere innlegg
Noen tips;
CTRL + A = Merk alt
CTRL + C = Kopier
CTRL + V = Lim inn
CTRL + F = Søk
Rammetyper;
dotted – (prikkete)
dashed – (stipplet)
solid – (heltrukken linje)
double – (dobbel linje)
Fargekart;
http://www.myspacedev.com/color-codes/
Gå inn på DESIGN – REDIGER – STILSETT og søk etter:
a { color: #FF69B4}
a:link { color: #FF69B4}
a:visited { color: #FF69B4}
a:active { color: #FF69B4}
a:hover { color:#FF0099}
ENDRE FARGE PÅ LINK
a { color: #FFFFFF}
a:link { color: #FFFFFF}
a:visited { color: #FFFFFF}
a:active { color: #FFFFFF}
a:hover { color:#000000}
STREK PÅ MIDTEN AV LINK
a { color: #FFFFF}
a:link { color: #FFFFFF}
a:visited { color: #FF6FFF}
a:active { color: #FFFFFF}
a:hover {text-decoration: line-through;}
STREK UNDER LINK
a { color: #FFFFFF}
a:link { color: #FFFFFF}
a:visited { color: #FFFFFF}
a:active { color: #FFFFFF}
a:hover {text-decoration: underline;}
RAMME RUNDT LINK
a { color: #FFFFFFF}
a:link { color: #FFFFFF}
a:visited { color: #FF6FFF}
a:active { color: #FFFFFF}
a:hover {border:#000000 1px solid;}
LINJER PÅ SIDEN AV LINKEN
a { color: #FFFFFF}
a:link { color: #FFFFFF}
a:visited { color: #FFFFFF}
a:active { color: #FFFFFF}
a:hover{color: #9797B0;text-decoration:none; border-left:solid 1px; border-right:solid 1px;}
LINJE OVER OG UNDER LINK
a { color: #FFFFFF}
a:link { color: #FFFFFF}
a:visited { color: #FFFFF}
a:active { color: #FFFFFF}
a:hover {COLOR:#000000; TEXT-DECORATION:underline overline}
