HTML koder til din blogg. Noen nye og noe gamle !



Jeg tenkte jeg skulle dele noen HTML-koder med dere. Noen av dem har jeg laget selv siden jeg ikke fant noe på nettet, og det er sikkert noen som har lurt på det samme, så da tenkte jeg at, så snill som jeg er, så deler jeg det med dere.


Spør om dere lurer på noe.


 

 MIDTSTILLE BLOGGEN DIN

Koden du skal bruke:
margin-left: auto;
margin-right: auto;

Hvor legger jeg den inn?
Den skal du legge inn under #header, #wrapper og #footer.

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

___________________________________________________________________________ 

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;
}_______________________________________________________________________

 
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">

 

__________________________________________________________________

 

 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Å 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>

Visst du vil ha lengre avstand i mellomrommet limer du inn koden flere ganger.

 

________________________________________________________________________

 Fjern 'Siste kommentarer' 'arkiv' osv..

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.

 

___________________________________________________________________________

 

Få bort linken under header


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å.

 Gå inn på innlegg og søk bread og fjern teksten:

<div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> »

<a href="${BlogUrl}">${BlogTitle}</a> »

<a href="${EntryCategoryLink}">${EntryCategoryName}</a> » ${EntryTitle}</div>

 

Og lagre.

_________________________________________________________________

 

 MINDRE SKRIFT PÅ INNLEGGENE DINE

Koden du skal bruke:
font-size: 8pt;

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: 8pt;
}

__________________________________________________________________

 

 

Midtstille overskrift

 

Gå til design -> Rediger -> Maler (HTML).

Trykk ctrl+f og søk på:<a href="${EntryPermaLink}">${EntryTitle}</a>

For å midtstille overskriften legger du inn: <div align="center"> før <h2> og </div> etter <h2>


Slik at det ser slik ut:<div align="center">
<h2>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h2>
</div>

Så trykker du på "innlegg" og søker frem: <h2>${EntryTitle}</h2>

Gjør som i ste - skriv inn koden før og etter linjen, så blir det slik:

 <div align="center">
<h2>${EntryTitle}</h2>
</div>

___________________________________________________________________

 

Fjerne reklame

 

Først må du gå inn på design > rediger > maler

Søk (ctrl + F) etter </tag:profile> og fjern den. Gjør det samme på innlegg, kategori og arkiv.

 

____________________________________________________________________

 

Få vekk info fra blogg.no

 

For å få vekk teksten fra blogg.no (den som er nederst under selve bloggen) gå på design -> rediger - > maler og finn denne teksten. Fjern hele den teksten og trykk lagre.

</div>

<div id="footer" class="yui-gb">

<div class="yui-u first">

<tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen

<tag:if test="${ProfileExists == 'true'}">skrives av ©

<a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt

<a href="http://www.lovdata.no/all/nl-19610512-002.html">Lov om opphavsrett til åndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter

er selv ansvarlig for innhold. Henvendelser kan rettes til

<a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>

</div>

<div class="yui-u">

<h4>Arkiv</h4>

<ul>

<tag:archivelist limit="5">

<li>

<a href="${ArchiveLink}">${ArchiveName}</a>

</li>

</tag:archivelist>

</ul>

</div>

<div class="yui-u">

<p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>

<ul>

<li><a href="http://blogg.no">blogg.no</a> - Få din egen blogg, helt gratis.</li>

<li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>

<li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>

<li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smått.</li>

<li><a href="http://forum.blogg.no/">forum</a> - Tips, råd og hjelp om blogging og design.</li>

</ul>

</div>

 

 

_____________________________________________________________________

 

 

Fjerne profil bildet

 

Gå på design -> rediger -> maler

 

Søk opp img style="

Og fjern teksten som ser slik ut:

<img style="float: left; border: 0;" src="URL - Til ditt bilde" height="200">

Trykk lagre.

 

___________________________________________________________________________

 

Få vekk infolinje under overskrift (dato, tid, kommentar)

 

Gå til design -> rediger -> maler

 

Trykk Ctrl+F og søk på <div class="meta">

Ta vekk denne teksten: 

<div class="meta">

<ul>

<li>${EntryDate} kl.${EntryTime} i

<a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

<li>

<tag:if test="${EntryCommentCount == 0}">

<a href="${EntryPermaLink}#comment">Ingen kommentarer</a>

<tag:elseif test="${EntryCommentCount == 1}" />

<a href="${EntryPermaLink}#comment">Én kommentar</a>

<tag:else />

<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>

</tag:if>

</li>

</ul>

</div> 

Pass på at det er det første søkeresultat en du jobber med !

 

 

Gjør det samme på "innlegg".

 

__________________________________________________________

 

 

Få vekk tid, dato, permalenke og tips en venn

 

Gå på design -> rediger -> maler

Søk opp time og finn teksten:

${EntryDate} kl.${EntryTime} i

Fjern denne teksten.

 

Søk også opp tips og finn teksten:

<a href="${EntryPermaLink}">Permalenke</a>

</li>

<li class="share">

<a href="http://share.blogg.no/share?url=${EntryPermaLink}&amp;title=${EntryTitle}">Tips en venn</a>

</li>

Fjern denne teksten. Og trykk lagre

 

Dersom du ikke vil ha kategori søker du category og finner teksten:

<a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

Fjern denne og trykk lagre.

 

Gå inn på innlegg og gjør det samme der.

____________________________________________________________

Få ramme rundt blogg og header

 

Gå til design -> rediger.

Under header, wrapper og footer legger du inn:

border: 5px solid #FFFFFF;


_____________________________________________________________________

 

Strek under overskrift

 

Gå til design -> rediger - > stilsett

 

Lim inn denne koden helt i bånn.

h2 {

cursor:default;

background-color: #FFFFFF;

color: #C99898;

font-size: 12pt;

font-family: times new roman;

letter-spacing: 0px;

line-height: 5pt;

text-align: middle;

padding: 1px;

font-weight: bold;

text-transform: uppercase;

border-bottom: 1px solid #F8EDED;

margin-bottom: 0px;

 

Trykk lagre

_____________________________________________________________________

 

Få vekk info tekst om deg selv

Gå på design -> rediger -> stilsett

Og søk opp profile og finn teksten:

<a href="${ProfileUrl}" title="${ProfileName}">

Fjern denne teksten og trykk lagre




13 kommentarer

Har fotokonkuranse på bloggen, haded vert gøy om du blei med : )

Jorunn < 3 Seljebø

16.07.2010 kl.18:22

takk for kode tipsene :D

Carro

16.07.2010 kl.18:22

takk for gode tips! bra noen kommer med stoff man kan bruke til noe mer enn bare underholdning;) skal prøve de ut!

Liverpudlian

16.07.2010 kl.18:23

Mange gode tips her :)

Yvonne Weldingh

16.07.2010 kl.18:35

Takk for tips :-)

Johanne og Ingrid<3

16.07.2010 kl.18:36

Bra :D

Karoline Nicolaysen

16.07.2010 kl.19:16

Takk for hjelp! Men meny under headeren, har jeg prøvd på før. Samme forklaring hver gang. Men får det ikke til, uansett hva jeg prøver. Får til menyen. Men den leger seg ikke under headeren, men i bunden av bloggen! :C
Tusen takk for herlige tips! hadde mye nytte av de! :- )

RAGNHILD

16.07.2010 kl.19:44

takk!

-

vinn vurdering? http://xreggie.blogg.no/1279301934_frste_mann_som_gjette.html#comment

Caroline

18.07.2010 kl.19:37

Oppmerksomhet? Jeg kan da ikke noe for at befolkningen finner min blogg interessant, det synes jeg er kjempehyggelig.

Jeg bruker navnet Fotballfrue på bloggen min, som følge av en webTVserie Vg-TV laget. Jeg var med i denne tv-serien de kalte Fotballfruer. Bloggen startet jeg fordi jeg var ferdig med min utdanning som journalist, og trengte et sted å skrive.

Jeg startet ikke bloggen for å få oppmerksomhet, så der kan du bare trekke til deg tunga. Men at jeg faktisk får oppmerksomhet, og har kommet langt som følge av bloggen, synes jeg er kjempeherlig.

- C

jennifer

25.07.2010 kl.03:49

hvordan får sånn ramme rundt bloggen sånn som du har?

du har en dritfin blogg!!
jennifer: Visst du tenker på det som "kommer ut" av headeren og innleggene så er det ett bilde jeg har etter mye om og men fått til å passe :)

Visst du vil ha det du også så ka jeg sikkert sende stiloppsettet til deg :)

Takk!

jennifer

25.07.2010 kl.14:11

ååå, tusen takk! :D hadde vært flott :)

kan du bare sende det til hotmailen min da?:) skreiv adressa under navnet ^^

Skriv en ny kommentar

Nathalie Melìna Hilton - 19 år, 0 barnsmor og uforlovet

Nathalie Melìna Hilton - 19 år, 0 barnsmor og uforlovet

21, Rakkestad

Jeg er ei svensk (og bitte litt norsk) jente, som bor i den "herlige" byen Rakkestad. På denne bloggen kommer jeg til å skrive om alt som faller meg inn. (Navnet mitt uttales Nattalii) KONTAKT: Nathalie@hotmail.no

bloglovin Norske blogger B L O G G L I S T E N . N E T

Kategorier

Arkiv

hits