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.



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