Html Koder til deg!...<3

Hei Hei
Nå har jeg lagt inn noen html koder som dere kansje har bruk for ,For å fikse på designet,Gjøre bloggen finere/kulere osv... Er det noen koder du trenger som ikke står her ? Bare sleng inn en komentar så legger jeg ut koden du lurer på ,           Html kodene:


ENDRE "X ANTALL KOMMENTARER"

Vil du at for eksempel at det skal stå "2 søte små" istedenfor "2 kommentarer", så gjør du dette:
Design -> Rediger -> Maler

- Trykk på CTRL + F tasten på tastaturet.
- Søk på: <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
- Det du skal gjøre er å endre litt på koden, sånn at den blir cirka slik:
<a href="${EntryPermaLink}#comment">${EntryCommentCount} søte små</a>


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 hvis du vil ha mindre skrift, så skriver du f.eks 8 eller mindre.


ENKEL KNAPPEMENY
(for en litt mer penere knappemeny, den som jeg har, bla litt ned)
(Det er mange som ikke skjønner hvordan de linker til noen plass på knappene, det har jeg nå prøvd å utdype lenger ned i dette innlegget)

Først må du gå inn på "design" så "rediger" og så "stilsett". Helt nederst i stilsettet ditt setter du inn denne koden:


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

</style>

Nå må du lagre stilsettet (selv om det ikke vises noe på forhåndsvisningen, ikke vær redd). For at disse skal vises må du nå gå inn i "maler". Finn så denne linja:

<div id="wrapper" class="yui-gc">

 (Hvis du ikke finner den, trykk CTRL + F, og søk på den)

Rett under den linja setter du inn denne koden:

<div class="mattblacktabs">
<ul>
<li><a href="URL-ADRESSE">Valgfritt</a></li>
<li><a href="URL-ADRESSE">Valgfritt</a></li>
<li><a href="URL-ADRESSE">Valgfritt</a></li>
<li><a href="URL-ADRESSE">Valgfritt</a></li>
<li><a href="URL-ADRESSE">Valgfritt</a></li>
</ul>
</div>


Pass på at dette alltid står på slutten av koden:
</ul>
</div>

Så må du redigere litt i koden. La oss si at du vil ha en "knapp" som heter f.eks FORSIDEN og som linker til fremsiden din. Da må du skrive inn url-adressen til fremsiden din, der jeg har skrevet URL-ADRESSE, og skrive FORSIDEN der det står Valgfritt. for eksempel slik:

<li><a href="http://www.catthrinegj.blogg.no/">FORSIDEN</a></li>



PENERE KNAPPEMENY
Først må du gå inn på "design" så "rediger" og så "stilsett". Helt nederst i stilsettet ditt setter du inn denne koden:

}
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.underlinemenu{
font-weight: bold;
width: 100%;
}
.underlinemenu ul{
padding: 6px 0 10px 0;
margin: 0;
text-align: center;
}
.underlinemenu ul li{
display: inline;
}
.underlinemenu ul li a{
color: black;
padding: 6px 3px 4px 3px;
margin-right: 20px;
text-decoration: none;
border-bottom: 3px solid grey;
}
.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: black;
}
</style>

Når du har gjort dette, lagrer du, og går videre til "Maler". Finn så denne linja:

<div id="wrapper" class="yui-gc">

(Hvis du ikke finner den, trykk CTRL + F, og søk på den)

Under den legger du denne koden:

<div class="underlinemenu">
<ul>
<li><a href="BLOGGURL">VALGFRITT</a></li>
<li><a href="BLOGGURL">VALGFRITT</a></li>
<li><a href="BLOGGURL">VALGFRITT</a></li>
<li><a href="BLOGGURL">VALGFRITT</a></li>
<li><a href="BLOGGURL">VALGFRITT</a></li>
</ul>
</div>

Lagre denne koden i alle kategoriene! Så er det bare å lagre ! 

FÅ ET IKON VED SIDEN AV KOMENTAR OSV...:D
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

Ikoner som egner seg

   URL: http://lib.blogsoft.no/img/icons/com.gif (fra blogg.no)
Icon   URL: http://lib.blogsoft.no/img/icons/ent.gif  (fra blogg.no)
Icon     URL: http://i47.tinypic.com/t6fp5x.jpg
Icon   URL: http://i46.tinypic.com/2zfv3ww.jpg
Icon   URL: https://its.vaf.no/skins/xp/topmenu/portfolio16.gif
Icon  URL: http://i48.tinypic.com/v8kcw9.jpg
Icon  URL: http://i50.tinypic.com/2a8i6c4.jpg
Icon  URL: http://i49.tinypic.com/dvsjvd.jpg
Icon  URL: http://i50.tinypic.com/2lic7q1.jpg
Icon  URL: http://i47.tinypic.com/dfevbl.jpg



Snøkoden:

<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>
Annet type snø:

<script src='http://carrielynnesworld.com/javascripts/snowflakesm.js' language=javascript></SCRIPT>



Annet type snø2:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="hr">
<title>Snow
</title></head>
<body>
<script language="JavaScript1.2" src="http://www.altan.hr/snow/snowt.js">
</script>
<p>
</body>
</html>
</body>

</html></p>


HVOR LIMER DU INN KODEN?

1.
Først velger du en av disse kodene og selvsagt kopierer koden. 

2. Gå inn i Design -> Rediger -> Maler

3.
Nå skal du lete etter ordet body. Så skal du lime koden etter det. For å gjøre det enkelere så trykker du på CTRL + F, så kommer det et søkefelt. Da søker du på body og når du finner body, så limer du inn koden.

4. Det er best å forhåndsvise så du ser om det gikk. 

5. Deretter så lagrer du malen og vips!


SLIK SER DU HVOR MANGE SOM LESER BLOGGEN DIN AKKURAT NÅ

Koden:
<!-- Start FastOnlineUsers.com --> <a href="http://www.fastonlineusers.com"> <script type="text/javascript" src=http://fastonlineusers.com/on4.php?d=LINK TIL  BLOGGEN DIN 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>

HER SKAL DU LEGGE DEN INN:
Endre profil - > Beskrivelse

du skal lime inn denne koden på beskrivelsen av deg;) hvis du har skrevet noe der fra før, legger du koden under
der;) MEN HUSK OG SKRIVE BLOGG ADDRESSEN DIN DER DET STÅR=LINK TIL BLOGGEN DIN HER!!!

HØYREKLIKK FORBUD
(Widgets)

Koden for at folk ikke skal få kopiere tingene dine:

<script language="JavaScript">
// distributed by http://hypergurl.com
<!--
var popup="COPY CAT!";
function noway(go) {
if (document.all) {
if (event.button == 2) {
alert(popup);
return false;
}
}
if (document.layers) {
if (go.which == 3) {
alert(popup);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=noway;
// --> </script>

Det var noen html koder er det noen andre du trenger ? .Bare skriv hva du trenger i komentar feltet så kommer det på et aent innlegg <3

-siri:D

8 kommentarer

Linn<33

26.feb.2010 kl.12:24

Takk for de,Skal prøve de ut:D

<3 Lise

26.feb.2010 kl.13:10

kult <3

silje:)

26.feb.2010 kl.16:14

jeg liker musikk smaken din<3

Hanna - den blomstrete jenta!

26.feb.2010 kl.16:50

Er ikke mange av kodene tatt rett ut i fra denne bloggen? http://catthrinegj.blogg.no/1240859705_html_koder.html

Jasmin

27.feb.2010 kl.02:58

tusentakk for hjelpe :)

men jeg bare lurte paa hvordan man lager saan at man ser at headeren er storre en resten av innlegget og ha headeren paa midten

: hvis du skal svare ... vaere saa snill svar paa bloggen min ^^

og hvordan gjor man saa at det staar liksom ... takk sotiser naar man skal sende kommentaret ?

Marit<3

27.feb.2010 kl.15:01

kul header (L)

Hermings ! >:|

28.feb.2010 kl.10:58

... Hermings ...

--- uuu ---

Siri<3^^

28.feb.2010 kl.12:19

Hanna: Nei har ikke tatt noen fra den bloggen men har tatt noen koder fra forskjellige blogger<3

Skriv en ny kul kommentarAdopt a pixel @ CarrielynnesWorld.com!


Siri<3^^

Siri<3^^

13, Rælingen

Hei jeg er en jente som liker Japan , Korea og Manga / anime det er noe jeg elsker <3 er også fan av scene stilen og liker å skille meg litt ut kan man si :) det var noen ord om meg <3

Kategorier

Arkiv

hits