TVdesign, en designside laget av Vilde!

HTML koder til blogg! (endret versjon)

HTML koder til blogg!

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å du kan 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.STØRRE OVERSKRIFT (ARKIV, KATEGORIER osv.)

Hvordan gjør jeg dette?
Design -> Rediger -> Maler. 
Søk (CTRL + F) på 'arkiv'. Når du finner denne; <h3>Arkiv</h3>. så kan du istedenfor h3, skrive h1. 
Det samme gjør du med Kategorier, Arkiv, Siste innlegg, Siste kommentarer og Lenker. 
Nå trykker du på Lagre Malen og da skal overskriftene 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...FÅ BORT NAVNET OVER HEADEREN 

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; }FÅ STØRRE SKRIFT PÅ NAVNENE I INNLEGGENE

Slik gjør du det:Design -> Rediger -> Maler -> Enkeltinnlegg 
Trykk på ctrl + f, søk på h4. Da skal du finne denne linja; <h4>${CommentAuthorLinkIf}</h4> 
Istedet for at det står <h4>, endrer du 4-tallet til 1. 

Slik skal det se ut:
<h1>${CommentAuthorLinkIf}</h1>Trykk lagre malen, og da er navnene på innleggene større.

FÅ BORT LINKEN (BLOGG.NO) UNDER HEADEREN DIN

Slik gjør du det:
Design -> Rediger -> Maler. 
Ctrl + f. Søk på blogg.no, så skal du lete etter linjen; 
<div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>
Denne skal du fjerne altså. 
Etter du har tatt bort den, så skal du lagre malen, og da skal linken under headeren være borte.RAMME RUNDT HVERT INNLEGG

Koden: 
}
.entry {
border: 1px solid #708090; 
background: #FFFFFF;
text-align: center;
}

Hvor skal jeg legge den inn?
Den skal du legge helt nederst i stilsettet ditt.FÅ ET LITE IKON ATTMED 'KOMMENTARER' F.EKS. 

Kode: 
<img src="http://i43.tinypic.com/2crm3qu.gif">

Hvor skal jeg legge den inn?
Design -> Rediger -> Maler. 
Trykk på CTRL + F. Søk på Kommentarer. Når du har funnet en linje som dette; <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a> 
Så skal du legge inn koden bak. Slik at det ser ut som dette: 
<img src="
http://i43.tinypic.com/2crm3qu.gif"><a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
Trykk Lagre malen, og da skal det være et lite bilde bak "Kommentarer". 

-----

Det samme gjør du, hvis du vil ha bilde attmed dato... 

Du bruker da denne koden; <img src="URL-adressen til bildet">
For å finne Url-adressen til et bilde gjør du ved å høyreklikke eller laste opp bildet på tinypic. 
Og så må du inn på Maler for å legge inn koden.MENY UNDER HEADEREN 

Koden du skal bruke: 
<a href=LINK TIL INNLEGGET><img src=URL-ADRESSEN TIL BILDET></a>

Det første du må gjøre er å lage et bilde i f.eks. paint. Du kan lage det uansett, slik som du vil, f.eks. som et hjerte, trekant eller bare en liten firkant. Og du må huske å skrive hva det gjelder, f.eks. du kan skrive på det ene bildet; Om meg. Når du har gjort det så må du laste bildet opp på en nettside. Det kan du gjøre på www.tinypic.com. Nå er det bare å legge inn koden. Og som du ser under så er det bare lagt inn en link som blir å vises under headeren. Men hvis du vil ha flere så er det bare å lage flere bilder og legge inn flere koder under den første du la inn.. 

Hvor skal jeg legge inn koden? 
Design -> Rediger -> Maler. 
Søk (CTRL + F) på " BlogDescription ". Og da skal du legge inn koden under </div> . 

Slik skal de se ut: 
<h1>${BlogTitle}</h1>
    <p>${BlogDescription}</p>
   </div>
<a href=www.dinblogg.blogg.no><img src=http://dittbilde.jpg></a>
<div id="wrapper" class="yui-gc">

Nå trykker du på Lagre Malen og da skal det være en meny under headeren din.

------> Hvis du plages eller ikke får til denne metoden, kan du alltids prøve denne metoden. Det er nok MYE enklere måte for å få meny under headeren. 
MELLOMROM MELLOM HEADER OG SELVE BLOGGEN

Koden du skal bruke: 
margin: 0px 0px 10px 0px;

Hvor skal jeg legge den inn?
Design -> Rediger 
Koden skal du legge inn under header. 

Det skal ca. se slik ut: 
#header {
background-color: #FFFFFF;
background-image: url(url-adressen til bildet);
background-repeat: no-repeat;
height: 420px;
width: 800px;
margin: 0px 0px 10px 0px; 

Hvis du vil ha større eller mindre mellomrom, så endrer du tallet der hvor det står 10.FÅ BORT RAMMEN RUNDT PROFILBILDET DITT 

Koden du skal bruke: 
<img style="float: left; border: 0;" src="URL-ADRESSEN TIL BILDET DITT" height="200">

Forklaring: 
200 = der kan du velge hvor stort bildet skal være. 
URL = Der skal du sette inn adressen for profilbildet ditt. 

Hvor skal jeg legge inn koden? 
Design -> Rediger -> Maler. 
Søk (ctrl + f) på "profile". 

Slik skal det ca. se ut: 
       <div id="profile" class="clearfix">
        <div>
         <a href="${ProfileUrl}" title="${ProfileName}">
          <img style="float: left; border: 0;" src="URL-ADRESSEN TIL BILDET DITT" height="200">
         </a>
        </div>

Trykk lagre malen, og da skal den blå rammen være borte rundt profilbildet.FJERNE "SISTE KOMMENTARER", "AKIV"... 

Du må først gå til maler (design -> Rediger -> Maler). 
Når du har gjort det så søker du på f.eks. 'siste kommentarer'. Da skal du finne dette fram i maler: 
<h3>Siste kommentarer</h>
  <ul>
  <tag:commentlist global="true" limit="10" sort="desc">
  <li>${CommentAuthorLinkIf} om ${CommentArticleLink}</li>
  </tag:commentlist>
  </ul>
  </div>
---
Dette skal du fjerne rett og slett. Det samme gjør du med 'Arkiv', 'Kategorier' osv. Du fjerner de du vil. 

Etter det så trykker du på Lagre Malen, og da skal de "boksene" være borte.FÅ MELLOMROM OVER HEADEREN

Koden du skal bruke: 
<br>

Hvor skal jeg legge inn koden?
Design -> Rediger -> Maler. 
Søk etter 'doc2'. Eller bla litt ned til du ser denne linja; <div id="doc2">
Det du skal gjøre er å lime inn koden etter dette. 

Slik skal det se ut: 

<div id="doc2"><br>

(Du limer inn koden så mange gang du vil, spørs hvor stort mellomrom du vil ha.. Det er bare å prøve seg frem).
Det samme må du gjøre med Kategori, Arkiv og Enkeltinnlegg.MIDTSTILLE MENYEN UNDER HEADER 

Du går inn på Maler. Og så setter du inn dette; <center> </center>

Slik skal det ca. se ut:
<center>KODEN TIL MENYEN SKAL STÅ I MELLOM HER</center>