Gratis bloggdesign til din blogg!

Her er gratis designene jeg har laget hittil. Lager et nytt gratis design én gang i måneden, spørs hva jeg har tid til osv. Trykk på linkene under for å få kodene til de forskjellige designene.

Gratis design #1 - Lyse farger 

 

Gratis design #2 - Vår


Gratis design #3 - Sukkersøtt

 

Gratis design #4 - Tak a chill pill


Gratis design #4 - Take a chill pill

Det er helt greit hvis du fikser litt på kodene, men det er IKKE lov til å fjerne linken der det står at jeg har laget det!

HEADER-STØRRELSE: 905x400

STØRRELSE PÅ BILDER I INNLEGG: 700px

 

STILSETTET = design > rediger > ta vekk alle kodene som står der fra før av, og lim inn dette:

body {

background-color: #eee;

}

a { color: #8a8a8a; text-decoration: none;}

a:link { color: #8a8a8a; text-decoration: none;}

a:visited { color: #8a8a8a; text-decoration: none;}

a:active { color: #8a8a8a; text-decoration: none;}

a:hover {color: #f6e2e8; text-decoration: none;}

#wrapper {

clear: none;

margin-left: auto;

margin-right: auto;

width: 946px;

background-color: #fff;

}

#wrapper:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#header {

background-image: url(http://i51.tinypic.com/219xxki.png);

height: 400px;

width: 905px;

border: 20px solid #fff;

margin-top: 30px;

}

#side {

float: right;

background-color: #ffffff;

color: #7E7E7E;

font-family: Georgia, Helvetica, sans-serif;

font-size: 11px;

padding: 15px;

line-height: 155%;

margin-top: 0px;

width: 175px;

}

#content {

overflow: hidden;

float: left;

width: 700px;

padding: 20px;

line-height: 150%;

background-color: #ffffff;

}

h1 {

font-family: times;

font-size: 14px;

text-transform:uppercase;

margin: 0px;

padding: 0px;

height: 30px;

}

h2 {

color: #EDD8D8;

font-size: 15px;

font-family: Georgia;

font-style: italic;

font-weight: normal;

text-transform: normal;

margin-bottom: 0px;

margin-top: 0px;

padding-bottom: 0px;

line-height: 140%;

letter-spacing: 1px;

}

/** Entry headers **/

h3 {

color: #8a8a8a;

line-height: 150%;

letter-spacing: 1px;

font-style: italic;

font-family: georgia;

font-size: 25px;

font-style: italic;

font-weight: normal;

margin: 0px;

}

h3 a{

line-height: 150%;

letter-spacing: 1px;

font-style: italic;

font-family: georgia;

font-size: 25px;

font-style: italic;

font-weight: normal;

margin: 0px;

}

.navheader {

font-family: times;

font-size: 12px;

color: #a8a8a8;

padding:0px 0px 0px;

margin-bottom:0px;

text-transform: uppercase;

line-height: 150%;

}

.nav {

font-family: Georgia, Helvetica, sans-serif;

font-size: 12px;

font-weight: normal;

font-color: #a8a8a8;

margin: 0px;

line-height: 150%;

}

.nav ul {

margin: 0px 0px 12px;

padding: 0px 0px 0px;

font-weight: normal;

line-height: 150%;

}

.nav li {

list-style: underline;

padding: 0px 0px 0px 0px;

font-weight: normal;

color: #FFFFFF;

}

.nav a {

color: #a8a8a8;

text-decoration:underline;

}

.nav a:hover {

text-decoration: underline;

}

/** Post's body text **/

.entrybody {

color: #7E7E7E;

font-family: Georgia, Helvetica, sans-serif;

font-size: 12px;

font-weight: normal;

text-align: left;

line-height: 150%;

margin: 5px 0px 5px 0px;

padding: 0px 0px 5px 0px;

border-top: 1px dashed #F0F0F0;

border-bottom: 1px dashed #F0F0F0;

}

/** 'Posted by' txt **/

.entrymeta {

font-family: Georgia, Helvetica, sans-serif;

font-size: 11px;

font-weight: normal;

text-transform: normal;

color: #8a8a8a;

text-align: left;

letter-spacing: 1px;

line-height: 150%;

margin: 0px;

}

.entrymeta a { color: #8a8a8a; }

.entrymeta a:hover { color: #f6e2e8; text-decoration: none;}

.commentheader {

font-family: Georgia, Helvetica, sans-serif;

font-size: 12px;

font-weight: normal;

letter-spacing: 0px;

color: #EDD8D8;

line-height: 150%;

margin: 10px 10px 10px 15px;

}

.commenttext {

font-family: Georgia, Helvetica, sans-serif;

font-size: 12px;

font-weight: normal;

color: #626262;

line-height: 150%;

margin: 10px 10px 0px 0px;

}

.commentmeta {

font-family: Georgia, Helvetica, sans-serif;

font-size: 11px;

font-weight: normal;

color: #626262;

margin: 10px 10px 10px 0px;

padding-bottom: 10px;

line-height: 150%;

border-bottom: 1px dotted #eeeeee;

}

.commentmeta a { color: #7e7e77; }

.commentmeta a:hover { color: #f6e2e8; text-decoration: none}

.commentform {

font-family: Georgia, Helvetica, sans-serif;

font-size: 12px;

text-transform: normal;

font-weight: normal;

color: #626262;

margin: 10px 10px 20px 15px;

line-height: 150%;

}

#navbar {

padding: 5px;

height: 1em;

width: auto;

margin: 0px;

text-align: center;

}

#navbar li {

float: left;

list-style: none;

width: 150px;

background-color: #ffffff;

}

#navbar li a {

padding: 5px;

display: block;

border-bottom: 0px dashed #F7D7EE;

color: #454343;

text-decoration: none;

font-family: times;

font-size: 10px;

line-height: 12px;

}

#navbar li ul {

padding: 5px;

display: none;

width: em;

background-color: #ffffff;

}

#navbar li:hover ul, #navbar li.hover ul {

display: block;

position: absolute;

margin: 0;

padding: 0;

z-index: 1;

text-align: left;

}

#navbar li:hover li, #navbar li.hover li {

float: none;

}

#navbar li:hover li a, #navbar li.hover li a {

border-bottom: 0px dotted #ffc0c0;

color: #454343;

}

#navbar li li a:hover {

background-color: #ffffff;

}

.entrymeta post {

font-family: Georgia;

font-style: italic;

text-shadow: 1px 1px 1px #EEE;

font-size: 12px;

margin-bottom: 5px;

padding: 5px 10px 5px 2px;

}

#side li:hover {

background-image: url('http://outspoken-kate.com/bullets/sbullet60.gif');

background-repeat: no-repeat;

background-position: right;

}

#side ul {

list-style-type: none;

margin: 0px;

}

#side li {

list-style-type: none;

margin: 0px;

}

 

 

FORSIDE-MAL, KATEGORI-MAL & ARKIV-MAL = design > rediger > maler > forsiden/kategorier/arkiv > ta vekk alle kodene som står der fra før av, og lim inn dette:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>${BlogTitle} - ${BlogDescription}</title>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<meta name="generator" content="${AppUrl}" />

<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

<link rel="alternate" href="${BlogUrl}index.rss" type="application/rss+xml" title="RSS" />

<link rel="shortcut icon" href="http://thingsyouremember.blogg.se/design/images/2010/heeart_100769151.png" type="image/gif"/><script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>

<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>

</head>

<body>

<div id="wrapper">

<div id="header" onclick="document.location='${BlogUrl}';">

</div>

<div id="content">

<tag:entrylist limit="45">

<a name="a${EntryNum}"></a>

<h3><center><a href="${EntryPermaLink}">${EntryTitle}</a></h3></center>

<div class="entrymeta"><center><post>${EntryDate}, ${EntryTime} · <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer </a></post></div></center>

<div class="entrybody">${EntryBody}</div>

<div class="entrymeta">

<p style="FONT-FAMILY: georgia; FONT-SIZE: 11px;

color: #8a8a8a; TEXT-TRANSFORM: normal; text-align: left;

"><em>${EntryDate} @ ${EntryTime} i <a href="${EntryCategoryLink}">${EntryCategoryName}</a></em>

</p>

<p style="FONT-FAMILY: georgia; FONT-SIZE: 11px;

color: #8a8a8a; TEXT-TRANSFORM: normal; text-align: right; margin-top: -27px;

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

</p>

<br/><br/>

</div>

</tag:entrylist>

</div>

<div id="side">

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

<img src="http://bloggfiler.no/cmndesign.blogg.no/images/1018151-9-1298222769350.jpg" width="170" border="0" alt="${ProfileName}"></a>

<br><br>

her kan du skrive hva du heter, hvor gammel du er og hva bloggen din handler om. min offisielle blogg kan du finne <a href="http://www.carolinemaria.blogg.no">her</a>.

<br><br>

<h2>arkiv</h2>

<tag:archivelist limit="24">

<li><a href="${ArchiveLink}"mce_href="/922173/entries/article/73622744/

${ArchiveLink}">${ArchiveName}</a></li></tag:archivelist><br/>

<h2>kategorier</h2>

<tag:categorylist>

<li><a href="${CategoryLink}" mce_href="/922173/entries/article/73622744/ ${CategoryLink}">${CategoryName}</a></li></tag:categorylist><br/>

<h2>lenker</h2>

<tag:linklist>

<li><a href="${LinkURL}">${LinkName}</a></li></tag:linklist><br/>

<h2>designet er laget av:</h2>

<li><a href="http://carolinemaria.blogg.no" target="_blank">caroline maria</a>

<a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a></li>

<br><br>

</div>

</div>

</div>

</body>

</html>

 

 

INNLEGG-MAL = design > rediger > maler > innlegg > ta vekk alle kodene som står der fra før av, og lim inn dette:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>${BlogTitle} - ${PageTitle}</title>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<meta name="generator" content="${AppUrl}" />

<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

<script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>

<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>

<script type="text/javascript" src="http://static.blogg.se/shared/js/comments.js"></script>

</head>

<body>

<div id="wrapper">

<div id="header" onclick="document.location='${BlogUrl}';">

</div>

<div id="content">

<tag:entry>

<a name="a${EntryNum}"></a>

<h3><center>${EntryTitle}</h3></center>

<div class="entrymeta"><center><post>${EntryDate}, ${EntryTime} · <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer </a></post></div></center>

<div class="entrybody">${EntryBody}</div>

<div class="entrymeta">

</div>

</tag:entry>

<!-- Display comments and form if this entry allows comments -->

<tag:if test="${Comments == 1}">

<a name="comment" /><br>

&nbsp&nbsp<font face="times new roman"><font size="3"><font color="#7e7e77">${EntryCommentCount} kommentarer på "${EntryTitle}"</font><br><br></font></font>

<tag:commentlist>

<div class="commentheader">

<b>Postet av: ${CommentAuthor}</b>

<div class="commenttext">${CommentText}</div>

<div class="commentmeta">

${CommentDate}, ${CommentTime}<br/>

<tag:if test="${CommentAuthorURL != ''}">

<em>URL: <a href="${CommentAuthorURL}">${CommentAuthorURL}</a></font></font></font></em>

<tag:if test="${CommentAuthorEmail != ''}">

<br />E-post: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a><br/><br/>

</tag:if>

</tag:if>

</div>

</div>

</tag:commentlist>

<form class="commentform" action="${AppUrl}index.bd?fa=comment.insert" name="commentForm" method="post" onsubmit="doSubmit(this)">

<input type="hidden" name="commentid" value="${CommentID}" />

<br />

<font color="#e8cfc9"><font face="times new roman"><font size="3">Legg igjen en kommentar:</font><br/><br/>

</font></font>

Navn: <br />

<input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" />

<input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Husk meg?<br />

E-post:<br />

<input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />

<br />

Bloggadresse: <br />

<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" />

<br />

Kommentar: <br />

<textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea>

<br />

<a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a>

<br/>

<input class="formbutton" type="submit" name="submit" value="Tusen takk for kommentaren!" />

Designet er laget av <a href="http://carolinemaria.blogg.no" target="_blank">CAROLINE MARIA</a><br/>

</form>

</tag:if>

</div>

<div id="side">

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

<img src="http://bloggfiler.no/cmndesign.blogg.no/images/1018151-9-1298222769350.jpg" width="170" border="0" alt="${ProfileName}"></a>

<br><br>

her kan du skrive hva du heter, hvor gammel du er og hva bloggen din handler om. min offisielle blogg kan du finne <a href="http://www.carolinemaria.blogg.no">her</a>.

<br><br>

<h2>arkiv</h2>

<tag:archivelist limit="24">

<li><a href="${ArchiveLink}"mce_href="/922173/entries/article/73622744/

${ArchiveLink}">${ArchiveName}</a></li></tag:archivelist><br/>

<h2>kategorier</h2>

<tag:categorylist>

<li><a href="${CategoryLink}" mce_href="/922173/entries/article/73622744/ ${CategoryLink}">${CategoryName}</a></li></tag:categorylist><br/>

<h2>lenker</h2>

<tag:linklist>

<li><a href="${LinkURL}">${LinkName}</a></li></tag:linklist><br/>

<h2>designet er laget av:</h2>

<li><a href="http://carolinemaria.blogg.no" target="_blank">caroline maria</a>

<a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a></li>

<br><br>

</div>

</div>

</div>

</body>

</html> 

 


Les hvordan du endrer header her.

Les hvordan du endrer teksten i sidebaren her.

Les hvordan du endrer profilbilde her.

Gratis design #3 - Sukkersøtt

Det er helt greit hvis du fikser litt på kodene, men det er IKKE lov til å fjerne linken der det står at jeg har laget det!

HEADER-STØRRELSE: 331px i høyden og 707px i bredden (du MÅ ha en header i denne størrelsen ellers blir det ikke noe fint..)

STØRRELSE PÅ BILDER I INNLEGG: 700px.


STILSETTET = design > rediger > ta vekk alle kodene som står der fra før av, og lim inn dette:

body {
background-image: url(http://bloggfiler.no/cmndesign.blogg.no/images/1018151-7-1301226323165.jpg);
background-attachment: fixed;
}
a { color: #8a8a8a; text-decoration: none;}
a:link { color: #8a8a8a; text-decoration: none;}
a:visited { color: #8a8a8a; text-decoration: none;}
a:active { color: #8a8a8a; text-decoration: none;}
a:hover {color: #EDD8D8; text-decoration: none;}
#wrapper {
clear: none;
margin-left: auto;
margin-right: auto;
width: 1000px;
background-color: #transparent;
}
#wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#header {
background: url("images/header.png") no-repeat scroll 0 0 transparent;
background-image: url(http://i55.tinypic.com/28u1sav.png);
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-attachment: scroll;
background-position-x: 0px;
background-position-y: 0px;
background-origin: initial;
background-clip: initial;
background-color: transparent;
height: 392px;
padding-bottom: 0;
width: 749px;
}
#header img {
margin: 22px 0px 0px 21px;
height: 331px;
width: 707px;
}
#side {
float: right;
background-color: #ffffff;
font-family: times;
font-size: 11px;
color: #7E7E7E;
padding: 10px;
line-height: 155%;
background: url("images/bgdrop.png") repeat scroll 0 0 transparent;
background-image: url(http://tescho.se/wp-content/themes/teschopersika/images/bgdrop.png);
background-repeat-x: repeat;
background-repeat-y: repeat;
background-attachment: scroll;
background-position-x: 0px;
background-position-y: 0px;
background-origin: initial;
background-clip: initial;
background-color: transparent;
margin-top: -300px;
margin-left: 760px;
padding-left: 10px;
position: absolute;
width: 175px;
}
#content {
overflow: hidden;
float: left;
width: 709px;
padding: 20px;
line-height: 150%;
background-color: #ffffff;
}
h1 {
font-family: times;
font-size: 14px;
text-transform:uppercase;
margin: 0px;
padding: 0px;
height: 30px;
}
h2 {
color: #EDD8D8;
font-family: times;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: -14px;
margin-top: 0px;
padding-bottom: 0px;
line-height: 140%;
}
/** Entry headers **/
h3 {
font-family: georgia;
font-size: 20px;
color: #626262;
text-transform: normal;
font-weight: normal;
font-style: normal;
letter-spacing: 0px;
padding: 0px 5px 5px 0px;
margin-bottom: -20px;
margin-top: 0px;
line-height: 150%;
}
.navheader {
font-family: times;
font-size: 12px;
color: #a8a8a8;
padding:0px 0px 0px;
margin-bottom:0px;
text-transform: uppercase;
line-height: 150%;
}
.nav {
font-family: times;
font-size: 12px;
font-weight: normal;
font-color: #a8a8a8;
margin: 0px;
line-height: 150%;
}
.nav ul {
margin: 0px 0px 12px;
padding: 0px 0px 0px;
font-weight: normal;
line-height: 150%;
}
.nav li {
list-style: underline;
padding: 0px 0px 0px 0px;
font-weight: normal;
color: #FFFFFF;
}
.nav a {
color: #a8a8a8;
text-decoration:underline;
}
.nav a:hover {
text-decoration: underline;
}
/** Post's body text **/
.entrybody {
font-family: times;
font-size: 13px;
font-weight: normal;
letter-spacing: 0px;
text-align: left;
color: #7E7E7E;
line-height: 150%;
margin: 0px 0px 10px 0px;
padding: 10px 0px 10px 0px;
}
/** 'Posted by' txt **/
.entrymeta {
font-family: georgia;
font-size: 11px;
font-weight: normal;
text-transform: normal;
color: #8a8a8a;
text-align: left;
letter-spacing: 1px;
line-height: 150%;
margin: 0px;
}
.entrymeta a { color: #8a8a8a; }
.entrymeta a:hover { color: #d8c6cb; text-decoration: none;}
.commentheader {
font-family: times;
font-size: 12px;
font-weight: normal;
letter-spacing: 0px;
color: #EDD8D8;
line-height: 150%;
margin: 10px 10px 10px 15px;
}
.commenttext {
font-family: times;
font-size: 12px;
font-weight: normal;
color: #626262;
line-height: 150%;
margin: 10px 10px 0px 0px;
}
.commentmeta {
font-family: times;
font-size: 11px;
font-weight: normal;
color: #626262;
margin: 10px 10px 10px 0px;
padding-bottom: 10px;
line-height: 150%;
border-bottom: 1px dotted #eeeeee;
}
.commentmeta a { color: #7e7e77; }
.commentmeta a:hover { color: #EDD8D8; text-decoration: none}
.commentform {
font-family: times;
font-size: 12px;
text-transform: normal;
font-weight: normal;
color: #626262;
margin: 10px 10px 20px 15px;
line-height: 150%;
}
#navbar {
padding: 5px;
height: 1em;
width: auto;
margin: 0px;
text-align: center;
}
#navbar li {
float: left;
list-style: none;
width: 150px;
background-color: #ffffff;
}
#navbar li a {
padding: 5px;
display: block;
border-bottom: 0px dashed #F7D7EE;
color: #454343;
text-decoration: none;
font-family: times;
font-size: 10px;
line-height: 12px;
}
#navbar li ul {
padding: 5px;
display: none;
width: em;
background-color: #ffffff;
}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1;
text-align: left;
}
#navbar li:hover li, #navbar li.hover li {
float: none;
}
#navbar li:hover li a, #navbar li.hover li a {
border-bottom: 0px dotted #ffc0c0;
color: #454343;
}
#navbar li li a:hover {
background-color: #ffffff;
}
.entrymeta date {
text-align: left;
position: relative;
color: #646464;
font-weight: normal;
font-size: 9px;
margin-left: 4px;
letter-spacing: 1px;
font-family: arial;
text-transform: uppercase;
}
.entrymeta comment {
text-align: left;
position: relative;
color: #646464;
font-weight: normal;
font-size: 9px;
letter-spacing: 1px;
font-family: arial;
text-transform: uppercase;
}

 

 

FORSIDE-MAL, KATEGORI-MAL & ARKIV-MAL = design > rediger > maler > forsiden/kategorier/arkiv > ta vekk alle kodene som står der fra før av, og lim inn dette:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>${BlogTitle} - ${BlogDescription}</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="generator" content="${AppUrl}" />
<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
<link rel="alternate" href="${BlogUrl}index.rss" type="application/rss+xml" title="RSS" />
<link rel="shortcut icon" href="http://thingsyouremember.blogg.se/design/images/2010/heeart_100769151.png" type="image/gif"/><script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>
<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header" onclick="document.location='${BlogUrl}';">
<img src="http://i56.tinypic.com/992cnb.png" border="0" alt="heart">
</div>
<div id="content">
<tag:entrylist limit="30">
<a name="a${EntryNum}"></a>
<div class="entrymeta"><date>${EntryDate}, ${EntryTime}</date></div>
<h3><em><a href="${EntryPermaLink}">${EntryTitle}</a></h3></em>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
<comment><a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer </a></comment>
<br/><br/>
<a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a><a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a><a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a><br/><br/><br/><br/><br/>
</div>
</tag:entrylist>
</div>
<div id="side">
<a href="${ProfileUrl}" title="${ProfileName}">
<img src="http://bloggfiler.no/cmndesign.blogg.no/images/1018151-9-1298222769350.jpg" width="170" border="0" alt="${ProfileName}"></a>
<br><br>
<!--Skriv hva bloggen din handler om her--!>
her kan du skrive hva du heter, hvor gammel du er og hva bloggen din handler om. min offisielle blogg kan du finne <a href="http://www.carolinemaria.blogg.no">her</a>.
<br><br>
<h2>arkiv</h2>
<tag:archivelist limit="12">
<br/><a href="${ArchiveLink}"mce_href="/922173/entries/article/73622744/
${ArchiveLink}">${ArchiveName}</a></tag:archivelist><br/><br/>
<h2>kategorier</h2>
<tag:categorylist>
<br/><a href="${CategoryLink}" mce_href="/922173/entries/article/73622744/ ${CategoryLink}">${CategoryName}</a></tag:categorylist><br/><br/>
<h2>favoritter</h2>
<tag:linklist>
<br><a href="${LinkURL}">${LinkName}</a></tag:linklist>
<br><br>
<h2>designet er laget av:</h2><br/>
<a href="http://carolinemaria.blogg.no" target="_blank">caroline maria</a>
<a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a>
<br><br>
</div>
</div>
</div>
</body>
</html>

 

INNLEGG-MAL = design > rediger > maler > innlegg > ta vekk alle kodene som står der fra før av, og lim inn dette:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>${BlogTitle} - ${PageTitle}</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="generator" content="${AppUrl}" />
<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
<script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>
<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>
<script type="text/javascript" src="http://static.blogg.se/shared/js/comments.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header" onclick="document.location='${BlogUrl}';">
<img src="http://i56.tinypic.com/992cnb.png" border="0" alt="heart">
</div>
<div id="content">
<tag:entry>
<a name="a${EntryNum}"></a>
<div class="entrymeta"><date>${EntryDate}, ${EntryTime}</date></div>
<h3><em>${EntryTitle}</em></h3>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
</div>
</tag:entry>
<!-- Display comments and form if this entry allows comments -->
<tag:if test="${Comments == 1}">
<a name="comment" /><br>
&nbsp&nbsp<font face="times new roman"><font size="3"><font color="#7e7e77">${EntryCommentCount} kommentarer på "${EntryTitle}"</font><br><br></font></font>
<tag:commentlist>
<div class="commentheader">
<b>Postet av: ${CommentAuthor}</b>
<div class="commenttext">${CommentText}</div>
<div class="commentmeta">
${CommentDate}, ${CommentTime}<br/>
<tag:if test="${CommentAuthorURL != ''}">
<em>URL: <a href="${CommentAuthorURL}">${CommentAuthorURL}</a></font></font></font></em>
<tag:if test="${CommentAuthorEmail != ''}">
<br />E-post: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a><br/><br/>
</tag:if>
</tag:if>
</div>
</div>
</tag:commentlist>
<form class="commentform" action="${AppUrl}index.bd?fa=comment.insert" name="commentForm" method="post" onsubmit="doSubmit(this)">
<input type="hidden" name="commentid" value="${CommentID}" />
<br />
<font color="#e8cfc9"><font face="times new roman"><font size="3">Legg igjen en kommentar:</font><br/><br/>
</font></font>
Navn: <br />
<input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" />
<input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Husk meg?<br />
E-post:<br />
<input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />
<br />
Bloggadresse: <br />
<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" />
<br />
Kommentar: <br />
<textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea>
<br />
<a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a>
<br/>
<input class="formbutton" type="submit" name="submit" value="Tusen takk for kommentaren!" />
Designet er laget av <a href="http://carolinemaria.blogg.no" target="_blank">CAROLINE MARIA</a><br/>
</form>
</tag:if>
</div>
<div id="side">
<a href="${ProfileUrl}" title="${ProfileName}">
<img src="http://i56.tinypic.com/vrggsi.jpg" width="170" border="0" alt="${ProfileName}"></a>
<br><br>
<!--Skriv hva bloggen din handler om her--!>
her kan du skrive hva du heter, hvor gammel du er og hva bloggen din handler om. min offisielle blogg kan du finne <a href="http://www.carolinemaria.blogg.no">her</a>.
<br><br>
<h2>arkiv</h2>
<tag:archivelist limit="12">
<br/><a href="${ArchiveLink}"mce_href="/922173/entries/article/73622744/
${ArchiveLink}">${ArchiveName}</a></tag:archivelist><br/><br/>
<h2>kategorier</h2>
<tag:categorylist>
<br/><a href="${CategoryLink}" mce_href="/922173/entries/article/73622744/ ${CategoryLink}">${CategoryName}</a></tag:categorylist><br/><br/>
<h2>favoritter</h2>
<tag:linklist>
<br><a href="${LinkURL}">${LinkName}</a></tag:linklist>
<br><br>
<h2>designet er laget av:</h2><br/>
<a href="http://carolinemaria.blogg.no" target="_blank">caroline maria</a>
<a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a>
<br><br>
</div>
</div>
</div>
</body>
</html>

 


Les hvordan du endrer header her.

Les hvordan du endrer teksten i sidebaren her.

Les hvordan du endrer profilbilde her.

Les hvordan du endrer bakgrunnen her.

Gratis design #2 - vår

 

Det er helt greit hvis du fikser litt på kodene, men det er IKKE lov til å fjerne bildet der det står at jeg har laget det!


STILSETTET = design > rediger > ta vekk alle kodene som står der fra før av, og lim inn dette:

body {

background: #f9f9f9;

}

a { color: #626262; text-decoration: none;}

a:link { color: #626262; text-decoration: none;}

a:visited { color: #626262; text-decoration: none;}

a:active { color: #626262; text-decoration: none;}

a:hover {color: #fdd3b0; text-decoration: none;}

#wrapper {

clear: none;

margin: 30px auto;

padding: 10px 20px 10px 20px;

width: 980px;

background-color: #FFFFFF;

border: 1px solid #dddddd;

}

#wrapper:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#header {

background-image: url(http://i51.tinypic.com/xggm84.png);

height: 230px;

width: 1000px;

margin-left: auto;

margin-right: auto;

}

#side {

float: left;

width: 200px;

font-family: tahoma;

font-size: 11px;

color: #626262;

padding: 20px 10px 10px 20px;

line-height: 150%;

}

#content {

overflow: hidden;

float: right;

width: 730px;

position:relative;

padding: 0px 0px 0px 0px;

margin: 0px 10px 0px 0px;

line-height: 150%;

}

h1 {

font-family: tahoma;

font-size: 14px;

text-transform:uppercase;

margin: 0px;

padding: 0px;

height: 30px;

}

h2 {

font-family: times new roman;

font-size: 18px;

font-weight: normal;

color: #91b4b9;

margin: 0px 0px -12px 0px;

padding: 0px 0px 0px 0px;

width: 200px;

}

/** Entry headers **/

h3 {

font-family: times new roman;

font-size: 25px;

color: #91b4b9;

font-weight: normal;

padding: 10px 0px 0px 10px;

margin-bottom: -10px;

text-transform: normal;

}

.navheader {

font-family: times new roman;

font-size: 12px;

font-weight: bold;

color: #666666;

padding:5px 5px 0px;

margin-bottom:0px;

background-color:#FFFFFF;

text-transform: uppercase;

}

.nav {

font-family: tahoma;

font-size: 11px;

font-weight: bold;

color: #000000;

margin: 0px;

}

.nav ul {

margin: 0px 0px 12px;

padding: 5px 10px 10px;

font-weight: normal;

background-color: #FFFFFF;

}

.nav li {

list-style: none;

padding: 0px 0px 6px 0px;

font-weight: normal;

}

.nav a { color: #626262; }

.nav a:hover { color: #fdd3b0; }

/** Post's body text **/

.entrybody {

font-family: tahoma;

font-size: 12px;

font-weight: normal;

color: #626262;

line-height: 150%;

margin-top: -20;

margin-bottom: 5px

background-color: #FFFFFF;

padding: 10px;

}

/** 'Posted by' txt **/

.entrymeta {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #8c8c8c;

text-align: left;

line-height: 130%;

margin-left: 10px;

}

.entrymeta a { color: #626262; }

.entrymeta a:hover { color: #fdd3b0; text-decoration: none}

.commentheader {

font-family: tahoma;

font-size: 11px;

font-weight: bold;

color: #000000;

line-height: 130%;

margin: 10px 10px 0px 15px;

}

.commenttext {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #000;

line-height: 100%;

margin: 10px 10px 0px 0px;

}

.commentmeta {

font-family: tahoma;

font-size: 10px;

font-weight: normal;

color: #999999;

margin: 10px 10px 10px 0px;

padding-bottom: 10px;

line-height: 130%;

border-bottom: 1px solid #dbdbdb;

}

.commentmeta a { color: #626262; }

.commentmeta a:hover { color: #fdd3b0; text-decoration: none}

.commentform {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

margin: 10px 10px 20px 15px;

line-height: 130%;

}

#header h1, #header p { display:none }

#header { color: #606060; }

 

 

FORSIDE-MAL, KATEGORI-MAL & ARKIV-MAL = design > rediger > maler > forsiden/kategorier/arkiv > ta vekk alle kodene som står der fra før av, og lim inn dette:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>${BlogTitle} - ${BlogDescription}</title>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<meta name="generator" content="${AppUrl}" />

<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

<link rel="alternate" href="${BlogUrl}index.rss" type="application/rss+xml" title="RSS" />

<script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>

<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>

</head>

<body>

<a name="top"></a>

<div id="wrapper">

<div id="header">

</div>

<div id="content">

<tag:entrylist limit="40">

<a name="a${EntryNum}"></a>

<h3>${EntryTitle}</h3>

<div class="entrybody">${EntryBody}</div>

<div class="entrymeta">

${EntryDate} @ ${EntryTime}<br/>

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

<a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a><br/><br/>

</div>

</tag:entrylist>

</div>

<div id="side">

<br><br>

<h2>Velkommen!</h2><br/>

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

<img src="http://i56.tinypic.com/vrggsi.jpg" width="180" alt="${ProfileName}"></a>

<br><br>

<!--Skriv hva bloggen din handler om her--!>

her kan du skrive hva du heter, hvor gammel du er og hva bloggen din handler om. min offisielle blogg kan du finne <a href="http://www.carolinemaria.blogg.no">her</a>.

<br><br>

<h2>arkiv</h2>

<tag:archivelist limit="12">

<br><a href="${ArchiveLink}"mce_href="/922173/entries/article/73622744/

${ArchiveLink}">${ArchiveName}</a></tag:archivelist></ul><br><br>

<h2>kategorier</h2>

<tag:categorylist>

<br><a href="${CategoryLink}" mce_href="/922173/entries/article/73622744/ ${CategoryLink}">${CategoryName}</a></tag:categorylist></ul><br><br>

<h2>favoritter</h2>

<tag:linklist>

<br><a href="${LinkURL}">${LinkName}</a></tag:linklist>

<br><br>

<h2>designet er laget av:</h2><br/>

<a href="http://carolinemaria.blogg.no" target="_blank"><img src="http://i52.tinypic.com/2iiwe0w.png" border="0" width="200" alt="Caroline Maria"></a>

<br><br>

</div>

</div>

</div>

<center><a href="#top">TIL TOPPEN AV BLOGGEN</a></center>

<img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />

</body>

</html>

 

 

INNLEGG-MAL = design > rediger > maler > innlegg > ta vekk alle kodene som står der fra før av, og lim inn dette:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 

<head>

<title>${BlogTitle} - ${PageTitle}</title>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<meta name="generator" content="${AppUrl}" />

<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

<script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>

<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>

<script type="text/javascript" src="http://static.blogg.se/shared/js/comments.js"></script>

</head>

<body>

<div id="wrapper">

<div id="header">

</div>

<div id="content">

<tag:entry>

<a name="a${EntryNum}"></a>

<h3>${EntryTitle}</h3>

<div class="entrybody">${EntryBody}</div>

<div class="entrymeta">

</div>

</tag:entry>

<!-- Display comments and form if this entry allows comments -->

<tag:if test="${Comments == 1}">

<a name="comment" /><br>

&nbsp&nbsp<font face="georgia"><font size="3"><font color="#626262">${EntryCommentCount} kommentarer på "${EntryTitle}"</font><br><br></font></font>

<tag:commentlist>

<div class="commentheader">

<b>Postet av: ${CommentAuthor}</b>

<div class="commenttext">${CommentText}</div>

<div class="commentmeta">

${CommentDate}, ${CommentTime}<br/>

<tag:if test="${CommentAuthorURL != ''}">

<em>URL: <a href="${CommentAuthorURL}">${CommentAuthorURL}</a></font></font></font></em>

<tag:if test="${CommentAuthorEmail != ''}">

<br />E-post: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a><br/><br/>

</tag:if>

</tag:if>

</div>

</div>

</tag:commentlist>

<form class="commentform" action="${AppUrl}index.bd?fa=comment.insert" name="commentForm" method="post" onsubmit="doSubmit(this)">

<input type="hidden" name="commentid" value="${CommentID}" />

<br />

<font color="#91b4b9"><font face="georgia"><font size="3">Legg igjen en kommentar</font><br><br>

</font></font>

Navn: <br />

<input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" />

<input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Husk meg?<br />

E-post:<br />

<input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />

<br />

Bloggadresse: <br />

<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" />

<br />

Kommentar: <br />

<textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea>

<br />

<input class="formbutton" type="submit" name="submit" value="Tusen takk for kommentaren!" />

Designet er laget av <a href="http://carolinemaria.blogg.no" target="_blank">CAROLINE MARIA</a><br/>

</form>

</tag:if>

</div>

<div id="side">

<br><br>

<h2>Velkommen!</h2><br/>

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

<img src="http://i56.tinypic.com/vrggsi.jpg" width="180" alt="${ProfileName}"></a>

<br><br>

<!--Skriv hva bloggen din handler om her--!>

her kan du skrive hva du heter, hvor gammel du er og hva bloggen din handler om. min offisielle blogg kan du finne <a href="http://www.carolinemaria.blogg.no">her</a>.

<br><br>

<h2>arkiv</h2>

<tag:archivelist limit="12">

<br><a href="${ArchiveLink}"mce_href="/922173/entries/article/73622744/

${ArchiveLink}">${ArchiveName}</a></tag:archivelist></ul><br><br>

<h2>kategorier</h2>

<tag:categorylist>

<br><a href="${CategoryLink}" mce_href="/922173/entries/article/73622744/ ${CategoryLink}">${CategoryName}</a></tag:categorylist></ul><br><br>

<h2>favoritter</h2>

<tag:linklist>

<br><a href="${LinkURL}">${LinkName}</a></tag:linklist>

<br><br>

<h2>designet er laget av:</h2><br/>

<a href="http://carolinemaria.blogg.no" target="_blank"><img src="http://i52.tinypic.com/2iiwe0w.png" border="0" width="200" alt="Caroline Maria"></a>

<br><br>

</div>

</div>

</div>

<img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />

</body>

</html>

 


Les hvordan du endrer header her.

Les hvordan du endrer teksten i sidebaren her.

Les hvordan du endrer profilbilde her.

 

 

Gratis design #1 - Lyse farger

Dette er første gratis designet jeg har laget. Et helt enkelt design, men lyse farger. Gjerne kommenter hva du synes om det og tips til hva jeg kan lage til neste gratis design!

Det er helt greit hvis du fikser litt på kodene, men det er IKKE lov til å fjerne bildet der det står at jeg har laget det!

STILSETTET = design > rediger > ta vekk all teksten, og lim inn dette:

body {

background-color: #eeeeee;

margin: 0px 0px 0px 0px;

margin-left: auto;

margin-right: auto;

}

a {color: #666666; text-decoration: none;}

a:hover {color: #d2a9a9; text-decoration: none;}

a:link{ text-decoration: none;}

a:visited{ text-decoration: none;}

#wrapper {

background-color: #ffffff;

width: 960px;

line-height: 150%;

font-family: tahoma;

font-size: 11px;

font-color: #666666;

margin-left: auto;

margin-right: auto;

}

#header {

background-image: url('http://i56.tinypic.com/dgnn1z.png');

height: 300px;

width: 930px;

margin-bottom: 10px;

}

#side {

float: right;

width: 185px;

padding: 10px 5px 0px 20px;

margin: 20px 20px 20px 20px

font-family: tahoma;

color: #666666;

background-color: #ffffff;

font-size: 11px;

text-align: left;

line-height: 16px;

}

#content {

overflow: hidden;

float: left;

width: 700px;

left: 0x;

padding: 0px 25px 0px 25px;

background: #ffffff;

font-color: #666666;

margin-left: auto;

margin-right: auto;

}

h1 {

font-family: tahoma;

font-size: 13px;

color: #d2a9a9;

text-transform: uppercase;

margin: 0px;

background-color: #ffffff;

}

h2 {

font-family: garamond;

font-size: 15px;

text-transform: uppercase;

text-align: left;

color: #d2a9a9;

border-top: 1px solid #eeeeee;

margin: 0px 0px -10px 0px;

padding: 15px 0px 0px 0px;

line-height: 10px;

width: 170px;

}

/** Entry headers **/

h3 {

font-family: garamond;

text-align: left;

font-size: 25px;

text-transform: uppercase;

border-bottom: 0px solid #eeeeee;

color: #d2a9a9;

line-height: 120%;

padding: 10px 0px 3px 0px;

margin: 0px 0px 0px 0px;

}

.navheader {

font-family: tahoma;

font-size: 12px;

color: #666666;

padding:0px 0px 0px;

margin-bottom:0px;

text-transform: uppercase;

line-height: 150%;

}

.nav {

font-family: tahoma;

font-size: 12px;

font-weight: normal;

font-color: #666666;

margin: 0px;

line-height: 150%;

}

.nav ul {

margin: 0px 0px 12px;

padding: 0px 0px 0px;

font-weight: normal;

line-height: 150%;

}

.nav li {

list-style: none;

padding: 0px 0px 0px 0px;

font-weight: normal;

color: #FFFFFF;

}

.nav a { color: #666666; text-decoration:none;}

.nav a:hover { color: #d2a9a9; text-decoration: none;}

/** Post's body text **/

.entrybody {

border-top: 1px solid #eeeeee;

border-bottom: 1px solid #eeeeee;

font-family: tahoma;

font-size: 11px;

font-weight: normal;

text-align: left;

color: #666666;

line-height: 150%;

margin: 0px 0px 10px 0px;

padding: 10px 0px 10px 0px;

}

/** 'Posted by' txt **/

.entrymeta {

font-family: tahoma;

font-size: 11px;

text-transform: normal;

color: #666666;

text-align: left;

margin-top: 0px;

}

.entrymeta a { color: #666666; text-decoration:normal; }

.entrymeta a:hover { color: #d2a9a9; text-decoration: none;}

font-family: tahoma;

font-size: 11px;

background: #F999B2 url();

padding: 5px;

margin-top: 10px;

color: #666666;

}

.commenttext {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #000;

line-height: 150%;

}

.commentmeta {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

text-align:left;

color: #666666;

margin: 10px 0px 20px 0px

}

.commentmeta a { color: #666666; }

.commentmeta a:hover { color: #d2a9a9; text-decoration: none; }

.commentform {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #666666;

margin: 0px 0px 20px 0px

margin-top: 10px;

}

select{

font-family: times;

font-size: 11px;

}

#header h1, #header p { display:none }

 

 

FORSIDE-MAL, KATEGORI-MAL & ARKIV-MAL = design > rediger > maler > forsiden/kategorier/arkiv > ta vekk all teksten, og lim inn dette:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html

xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>${BlogTitle} - ${BlogDescription}</title>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<meta name="generator" content="${AppUrl}" />

<meta name="robots" content="noindex,follow,noarchive" />

<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

<link rel="alternate" href="${BlogUrl}index.rss" type="text/xml" title="RSS" />

<link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/gif"/>

<script language="JavaScript" type="text/javascript" src="${AppUrl}public/js/script.js"></script>

<script language="JavaScript" type="text/javascript" src="${AppUrl}shared/js/script.js"></script>

</head>

<body>

<div id="wrapper">

<div id="header" onclick="document.location='${BlogUrl}';">

</div>

<div id="content">

<tag:entrylist limit="40">

<a name="a${EntryNum}" />

<br><h3>${EntryTitle}</h3>

<div class="entrymeta">

<div class="entrybody">${EntryBody}</div>

${EntryDate} @ ${EntryTime}

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

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

<br><br>

</div>

</tag:entrylist>

</div>

<div id="side">

<br><br>

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

<img src="${ProfileImageUrl}" alt="${ProfileName}"></a>

<br><br>

<b>Navn:</b> Ditt navn her

<br>

<b>Alder:</b> hvor gammel du er

<br>

<b>Bor:</b> byen du bor i

<br>

<b>Interesser:</b> dine interesser

<br><br>

<h2>arkiv</h2>

<tag:archivelist limit="12">

<br><a href="${ArchiveLink}"mce_href="/922173/entries/article/73622744/

${ArchiveLink}">${ArchiveName}</a></tag:archivelist></ul><br><br>

<h2>kategorier</h2>

<tag:categorylist>

<br><a href="${CategoryLink}" mce_href="/922173/entries/article/73622744/ ${CategoryLink}">${CategoryName}</a></tag:categorylist></ul><br><br>

<h2>favoritter</h2>

<tag:linklist>

<br><a href="${LinkURL}">${LinkName}</a></tag:linklist>

<br><br>

<h2></h2>

<a href="http://carolinemaria.blogg.no" target="_blank"><img src="http://i52.tinypic.com/ae2vy1.png" border="0" alt="Caroline Maria"></a>

<br><br>

</div>

<div id="profile">

<tag:profile>

<br>

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

</tag:if></div>

<tag:profile>

<div class="nav">

</ul>

</ul>

</div>

</div>

</div>

</p>

<p>

<br clear="all" /></div>

<img src="${AppUrl}hits/index.bd?id=${BlogID}" border="0" width="0" height="0" />

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

try {

var pageTracker = _gat._getTracker("UA-8238172-2");

pageTracker._trackPageview();

} catch(err) {}</script></body>

</html>

 

 

 

INNLEGG-MAL = design > rediger > maler > innlegg > ta vekk all teksten, og lim inn dette:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html

xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>${BlogTitle} - ${BlogDescription}</title>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<meta name="generator" content="${AppUrl}" />

<meta name="robots" content="noindex,follow,noarchive" />

<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

<link rel="alternate" href="${BlogUrl}index.rss" type="text/xml" title="RSS" />

<link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/gif"/>

<script language="JavaScript" type="text/javascript" src="${AppUrl}public/js/script.js"></script>

<script language="JavaScript" type="text/javascript" src="${AppUrl}shared/js/script.js"></script>

</head>

<body>

<div id="wrapper">

<div id="header" onclick="document.location='${BlogUrl}';">

</div>

<div id="content">

<tag:entry>

<a name="a${EntryNum}" />

<br><h3>${EntryTitle}</h3>

<div class="entrymeta">

<div class="entrybody">${EntryBody}</div>

<br><br>

</tag:entry>

<!-- Display comments and form if this entry allows comments -->

<tag:if test="${Comments == 1}">

<a name="comment" /><br>

<font face="georgia"><font size="3"><font color="#666666">${EntryCommentCount} kommentarer på "${EntryTitle}"</font><br><br></font></font>

<tag:commentlist>

<div class="commentheader">

<b>Postat av: ${CommentAuthor}<br></b>

<p class="commenttext">${CommentText}</p>

<div class="commentmeta">

<font color="#666666"><font face="georgia"><font size="1">

${CommentDate}, ${CommentTime}<br/>

<tag:if test="${CommentAuthorURL != ''}">

<em>URL: <a href="${CommentAuthorURL}">${CommentAuthorURL}</a></font></font></font></em>

<tag:if test="${CommentAuthorEmail != ''}">

<br />E-post: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a>

</tag:if>

</tag:if>

</div>

</div>

</tag:commentlist>

<form class="commentform" action="${AppUrl}index.bd?fa=comment.insert" name="commentForm" method="post" onsubmit="doSubmit(this)">

<input type="hidden" name="commentid" value="${CommentID}" /><br><br>

<font color="#d2a9a9"><font face="georgia"><font size="3">Legg igjen en kommentar</font><br><br>

</font></font>

<input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" /> Navn

<br><br />

<input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" /> E-post

<br><br />

<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" /> Bloggadresse

<br><br />

<textarea name="comment" onchange="doChange(this)" cols="72" rows="10"></textarea>

<br /><br>

<input class="formbutton" type="submit" name="submit" style="width: 180px; height: 27px;" value="Tusen takk for kommentaren!" />

Designet er laget av <a href="http://carolinemaria.blogg.no" target="_blank">CAROLINE MARIA</a><br/>

</form>

</tag:if>

<br>

<tag:if test="${Trackbacks == 1}">

<div class="entrybody"></div>

</tag:if>

<tag:trackbacklist>

<div class="commentheader">

${TrackbackTitle}

</div>

<p class="commenttext">${TrackbackExcerpt}...</p>

<div class="commentmeta">

<a href="${TrackbackURL}" title="${TrackbackBlog} - ${TrackbackTitle}">${TrackbackBlog}</a>

<br />

${TrackbackDate} @ ${TrackbackTime}

</div>

</tag:trackbacklist>

</div>

<div class="nav">

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

</tag:if></div></div>

<div id="side">

<br><br>

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

<img src="${ProfileImageUrl}" alt="${ProfileName}"></a>

<br><br>

 

<b>Navn:</b> Ditt navn her

<br>

<b>Alder:</b> hvor gammel du er

<br>

<b>Bor:</b> byen du bor i

<br>

<b>Interesser:</b> dine interesser

 

<br><br>

<h2>arkiv</h2>

<tag:archivelist limit="12">

<br><a href="${ArchiveLink}"mce_href="/922173/entries/article/73622744/

${ArchiveLink}">${ArchiveName}</a></tag:archivelist></ul><br><br>

<h2>kategorier</h2>

<tag:categorylist>

<br><a href="${CategoryLink}" mce_href="/922173/entries/article/73622744/ ${CategoryLink}">${CategoryName}</a></tag:categorylist></ul><br><br>

<h2>favoritter</h2>

<tag:linklist>

<br><a href="${LinkURL}">${LinkName}</a></tag:linklist>

<br><br>

<h2></h2>

<a href="http://carolinemaria.blogg.no" target="_blank"><img src="http://i52.tinypic.com/ae2vy1.png" border="0" alt="Caroline Maria"></a>

<br><br>

</div>

<tag:profile>

<div id="profile">

<tag:profile>

<br>

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

</tag:if></div>

<div id="profile">

<div class="nav">

</div>

</div>

</div>

</p>

</div>

</div>

<p>

<div class="subside">

<br>

<br clear="all" />

<img

src="${AppUrl}hits/index.bd?id=${BlogID}" border="0" width="0" height="0" />

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

try {

var pageTracker = _gat._getTracker("UA-8238172-2");

pageTracker._trackPageview();

} catch(err) {}</script></body>

</html>

 


Les hvordan du endrer header her.

Les hvordan du endrer teksten i sidebaren her.



her kan du skrive hva du heter, hvor gammel du er og hva bloggen din handler om. min offisielle blogg kan du finne her.

arkiv

  • Mai 2011
  • Mars 2011
  • Februar 2011
  • Januar 2011

  • kategorier

  • Blogg
  • Forklaringer
  • Gratis design

  • lenker

  • Caroline Maria
  • Christine Mysen
  • Lisa
  • The hibi

  • designet er laget av:

  • caroline maria bloglovin


  • hits