Større profilbilde

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.

Mindre/større skrift på innleggene dine

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…

Bilde ved siden av teksten

Legg inn et bilde på vanlig måte i innlegget du skriver i og trykk på “Html”-knappen eller “HTML av/på”.

Da finner du koden:
<img src=”adressetilbildet.jpg”/img>

Legg inn align=”left” eller align=”right” etter adressen så det ser slik ut:

<img src=”adressetilbildet.jpg” align=”left” /img>

Skift “left” til “right” hvis du vil ha bildet på venstre eller høyre side.

– Håper dere skjønte dette!

Legge inn Youtube videoer på bloggen

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

Søkerute på din blogg

Trykk på Ctrl+F og søk opp <div id="side" class="yui-u"> 

Under denne linjen legger du inn denne koden:

.<div class="sokerute">
<h3>Søk i bloggen</h3>
<form action="${AppUrl}index.bd?fa=search.do" name="search" method="post">
<input type="hidden" name="bl_id" value="${BlogID}" />
<input type="text" name="criteria" value="" size="12" maxlength="64" />
<input type="submit" value="Søk" />
</form>
</div>

Så har du en egen søkekode!

Endre antall poster som vises på forsiden

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

Forandre linker når man tar musen over

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}