GRATIS DESIGN 3: KEEP IT

Nå har jeg laget mitt tredje gratis design som dere bare kan ta. Dette brukte jeg utrolig lang tid på , men jeg ble fornøyd til slutt. I bytte ber jeg om at dere lar "Bloggdesign av" med bilde være der det er, og at dere kommenterer på dette innlegget (gøy for meg å se hvordan designet blir hos andre). Kodene ligger fordelt i forskjellige innlegg, og pass på at dere legger dem på riktig sted. Følg instruksene som er skrevet med fet skrift og fjerne deretter disse. Enjoy!

Header: 800x290px
Profilbilde: 189x190px
Bilder i innlegg: Opp til 800px

STILSETT, FORSIDE, INNLEGG, KATEGORIER, ARKIV

Om dere vil ha kodene til tidligere design, kan dere se under "Kategorier" i sidemargen.



- ANNIKA <3

Keep it: Kode - maler - arkiv

<!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" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>${ArchiveName} (${BlogTitle})</title>
<meta name="description" content="${BlogDescription}" />
<script type="text/javascript">var domainName = ".${AppDomain}";</script>
<script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>
<link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />
<link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />
<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
<link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<body>
<div id="doc2">
<div id="header" onclick="document.location='${BlogUrl}';">
<h1>
<a href="${BlogUrl}">${BlogTitle}</a>
</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<br>
<div id="meny2">
<a href="http://annikamad.blogg.no" class="box">FORSIDEN</a>
<a href="Link" class="box">OM MEG</a>
<a href="Link" class="box">KONTAKT</a>
<a href="Link" class="box">VIDEOBLOGG</a>
[Der det står "Link" limer dere inn linken til den siden dere vil knappen skal linke til. Dere kan også forandre navn på knappene]   
</div>
<br>
<div id="main" class="yui-u first" style="width:800px">
<h2>${ArchiveName}</h2>
<tag:entrylist limit="1000" maxchars="200">
<div class="entry">
<h3>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h3>
<div class="content">${EntryBody}</div>
<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>
<li>
<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>
</ul>
</div>
</div>
</tag:entrylist>
</div>
<div id="side" class="yui-u">
<tag:profile>
<tag:if test="${ProfileExists == 'true'}">
<div id="profile" class="clearfix">
<div>
<img style="border: 0;" src="http://imageshack.us/a/img210/3743/19117926.jpg" height="190">
[Den linken som er kursiv er linken til profilbildet. Last opp ønsket bilde på f.eks. Imageshack.us, kopier direct link og lim inn her.]  
<br>
<a href="${ProfileUrl}" title="${ProfileName}">
</a>
</div>
<h6>
<a href="${ProfileUrl}">${ProfileName}</a>
</h6>
<p>${ProfileAge}, ${ProfileFrom}</p>
<p>${ProfileDescription}</p>
</div>
</tag:if>
<br><br>
<center><h3>ANNONSER</h3></center>
</tag:profile>
<tag:include module="sidebar"></tag:include>
<div>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
</div>
<div>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<br><br>
<center><h3>BLOGGDESIGN AV:</h3></center>
<a target='_blank' title='Annikama' href='http://annikama.blogg.no//'><img src='http://img571.imageshack.us/img571/8717/meggt.jpg' border='0'/></a>
<br><br>
</div>
</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>
</div>
</div>
</body>
</html>

Keep it: Kode - maler - kategori

<!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" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>${CategoryName} (${BlogTitle})</title>

<meta name="description" content="${BlogDescription}" />

<script type="text/javascript">var domainName = ".${AppDomain}";</script>

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

<link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

<link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

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

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

</head>

<body>

<div id="doc2">

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

<h1>

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

</h1>

<p>${BlogDescription}</p>

</div>

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

<br>

<div id="meny2">

<a href="http://annikamad.blogg.no" class="box">FORSIDEN</a>

<a href="Link" class="box">OM MEG</a>

<a href="Link" class="box">KONTAKT</a>

<a href="Link" class="box">VIDEOBLOGG</a>
[Der det står "Link" limer dere inn linken til den siden dere vil knappen skal linke til. Dere kan også forandre navn på knappene]   

</div>

<br>

<div id="main" class="yui-u first" style="width:800px">

<h2>${CategoryName}</h2>

<tag:entrylist limit="1000" maxchars="200">

<div class="entry">

<h3>

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

</h3>

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

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

<li>

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

</ul>

</div>

</div>

</tag:entrylist>

</div>

<div id="side" class="yui-u">

<tag:profile>

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

<div id="profile" class="clearfix">

<div>

<img style="border: 0;" src="http://imageshack.us/a/img210/3743/19117926.jpg" height="190">
[Den linken som er kursiv er linken til profilbildet. Last opp ønsket bilde på f.eks. Imageshack.us, kopier direct link og lim inn her.]   

<br>

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

</a>

</div>

<h6>

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

</h6>

<p>${ProfileAge}, ${ProfileFrom}</p>

<p>${ProfileDescription}</p>

</div>

</tag:if>

<br><br>

<center><h3>ANNONSER</h3></center>

</tag:profile>

<tag:include module="sidebar"></tag:include>

<div>

<h3>Kategorier</h3>

<ul>

<tag:categorylist>

<li>

<a href="${CategoryLink}">${CategoryName}</a>

</li>

</tag:categorylist>

</ul>

</div>

<div>

<h3>Arkiv</h3>

<ul>

<tag:archivelist>

<li>

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

</li>

</tag:archivelist>

</ul>

</div>

<br><br>

<center><h3>BLOGGDESIGN AV:</h3></center>

<a target='_blank' title='Annikama' href='http://annikama.blogg.no//'><img src='http://img571.imageshack.us/img571/8717/meggt.jpg' border='0'/></a>

<br><br>

</div>

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

</div>

</div>

</body>

</html>

Keep it: Kode - maler - innlegg

<!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" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>${EntryTitle} (${BlogTitle})</title>

<meta name="description" content="${BlogDescription}" />

<script type="text/javascript">var domainName = ".${AppDomain}";</script>

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

<link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

<link rel="alternate" href="http://feeds.blogg.no/${BlogId}/comment/${EntryID}.rss" title="Kommentarer til dette inlegget" type="application/rss+xml" />

<link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

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

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

</head>

<body>

<div id="doc2">

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

<h1>

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

</h1>

<p>${BlogDescription}</p>

</div>

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

<br>

<div id="meny2">

<a href="http://annikamad.blogg.no" class="box">FORSIDEN</a>

<a href="Link" class="box">OM MEG</a>

<a href="Link" class="box">KONTAKT</a>

<a href="Link" class="box">VIDEOBLOGG</a>
[Der det står "Link" limer dere inn linken til den siden dere vil knappen skal linke til. Dere kan også forandre navn på knappene]   

</div>

<br>

<div id="main" class="yui-u first" style="width:800px">

<tag:entry>

<div class="entry">

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

<h2>${EntryTitle}</h2>

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

<br>

</div>

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

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

<li>

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

</ul>

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

<div class="tags">Stikkord:

<ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>

</tag:if>

<tag:include module="postentry"></tag:include>

</div>

</div>

</tag:entry>

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

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

<h3>

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

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

<tag:else />${EntryCommentCount} kommentarer</tag:if>

</h3>

<div id="comments">

<tag:commentlist>

<div class="comment ${CommentClass}">

<div class="meta">

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

<a href="${CommentProfileUrl}">

<img class="avatar" src="http://i.blogg.no/50x50/${CommentProfileImageUrl}" alt="" />

</a>

<tag:else />

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

<a rel="nofollow" href="${CommentAuthorUrl}">

<img class="avatar" src="http://i.blogg.no/50x50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=50" alt="" />

</a>

<tag:else />

<img class="avatar" src="http://i.blogg.no/50x50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=50" alt="" />

</tag:if>

</tag:if>

<h4>${CommentAuthorLinkIf}</h4>

<p>${CommentDate} kl.${CommentTime}</p>

</div>

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

</div>

</tag:commentlist>

</div>

<div id="newcomment" class="clearfix">

<h3>Skriv en ny kommentar</h3>

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

<div id="comment_author_wrapper">

<label for="comment_author">Navn:</label>

<input id="comment_author" type="text" name="author" onchange="doChange(this)" value="" maxlength="100" />

</div>

<div id="comment_authoremail_wrapper">

<label for="comment_authoremail">E-post:</label>

<input id="comment_authoremail" type="text" name="authoremail" onchange="doChange(this)" value="" maxlength="100" />

</div>

<div id="comment_authorurl_wrapper">

<label for="comment_authorurl">URL:</label>

<input id="comment_authorurl" type="text" name="authorurl" onchange="doChange(this)" value="http://" maxlength="100" />

</div>

<div id="comment_text_wrapper">

<label for="comment_text">Din kommentar:</label>

<textarea id="comment_text" name="comment" onchange="doChange(this);" cols="40" rows="10"></textarea>

</div>

<div id="comment_submit_wrapper">

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

<input id="comment_submit" class="submit" type="submit" name="submit" value="Send kommentar" />

</div>

<div id="comment_remember_wrapper">

<input id="comment_remember" name="comment_remember" onclick="doCheck(this)" type="checkbox" value="1" />

<label for="comment_remember">Husk meg ?</label>

</div>

</form>

</div>

</tag:if>

</div>

<div id="side" class="yui-u">

<tag:profile>

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

<div id="profile" class="clearfix">

<div>

<img style="border: 0;" src="http://imageshack.us/a/img210/3743/19117926.jpg" height="190">
[Den linken som er kursiv er linken til profilbildet. Last opp ønsket bilde på f.eks. Imageshack.us, kopier direct link og lim inn her.]   

<br>

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

</a>

</div>

<h6>

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

</h6>

<p>${ProfileAge}, ${ProfileFrom}</p>

<p>${ProfileDescription}</p>

</div>

</tag:if>

<br><br>

<center><h3>ANNONSER</h3></center>

</tag:profile>

<tag:include module="sidebar"></tag:include>

<div>

<h3>Kategorier</h3>

<ul>

<tag:categorylist>

<li>

<a href="${CategoryLink}">${CategoryName}</a>

</li>

</tag:categorylist>

</ul>

</div>

<div>

<h3>Arkiv</h3>

<ul>

<tag:archivelist>

<li>

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

</li>

</tag:archivelist>

</ul>

</div>

<br><br>

<center><h3>BLOGGDESIGN AV:</h3></center>

<a target='_blank' title='Annikama' href='http://annikama.blogg.no//'><img src='http://img571.imageshack.us/img571/8717/meggt.jpg' border='0'/></a>

<br><br>

</div>

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

</div>

</div>

</body>

</html>

Keep it: Kode - maler - forside

<!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" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

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

<meta name="description" content="${BlogDescription}" />

<script type="text/javascript">var domainName = ".${AppDomain}";</script>

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

<link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

<link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

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

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

</head>

<body class="front">

<div id="doc2">

<div id="header">

<h1>${BlogTitle}</h1>

<p>${BlogDescription}</p>

</div>

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

<br>

<div id="meny2">

<a href="http://annikamad.blogg.no" class="box">FORSIDEN</a>

<a href="Link" class="box">OM MEG</a>

<a href="Link" class="box">KONTAKT</a>

<a href="Link" class="box">VIDEOBLOGG</a>
[Der det står "Link" limer dere inn linken til den siden dere vil knappen skal linke til. Dere kan også forandre navn på knappene]   

</div>

<br>

<div id="main" class="yui-u first" style="width:800px">

<tag:entrylist limit="30">

<div class="entry">

<h2>

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

</h2>

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

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

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

<li>

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

</ul>

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

<div class="tags">Stikkord:

<ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>

</tag:if>

</div>

</div>

</tag:entrylist>

<div>Les mer i arkivet

<tag:archivelist limit="3"> »

<a href="${ArchiveLink}">${ArchiveName}</a></tag:archivelist></div>

</div>

<div id="side" class="yui-u">

<tag:profile>

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

<div id="profile" class="clearfix">

<div>

<img style="border: 0;" src="http://imageshack.us/a/img210/3743/19117926.jpg" height="190">
[Den linken som er kursiv er linken til profilbildet. Last opp ønsket bilde på f.eks. Imageshack.us, kopier direct link og lim inn her.]   

<br>

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

</a>

</div>

<h6>

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

</h6>

<p>${ProfileAge}, ${ProfileFrom}</p>

<p>${ProfileDescription}</p>

</div>

</tag:if>

<br><br>

<center><h3>ANNONSER</h3></center>

</tag:profile>

<tag:include module="sidebar"></tag:include>

<div>

<h3>Kategorier</h3>

<ul>

<tag:categorylist>

<li>

<a href="${CategoryLink}">${CategoryName}</a>

</li>

</tag:categorylist>

</ul>

</div>

<div>

<h3>Arkiv</h3>

<ul>

<tag:archivelist>

<li>

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

</li>

</tag:archivelist>

</ul>

</div>

<div>

<h3>Siste innlegg</h3>

<ul>

<tag:recentlist limit="10">

<li>

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

</li>

</tag:recentlist>

</ul>

</div>

<div>

<h3>Siste kommentarer</h3>

<ul>

<tag:commentlist global="true" limit="10" sort="desc">

<li>${CommentAuthorLinkIf} om ${CommentArticleLink}</li>

</tag:commentlist>

</ul>

</div>

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

<div>

<h3>Lenker</h3>

<ul>

<tag:linklist>

<li>

<a href="${LinkURL}">${LinkName}</a>

</li>

</tag:linklist>

</ul>

</div>

<br><br>

<center><h3>BLOGGDESIGN AV:</h3></center>

<a target='_blank' title='Annikama' href='http://annikama.blogg.no//'><img src='http://img571.imageshack.us/img571/8717/meggt.jpg' border='0'/></a>

<br><br>

</tag:if>

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

<div>

<h3>Jeg anbefaler</h3>

<ul>

<tag:productlist>

<li class="clearfix"><a href="${ProductUrl}"><img class="asin" align="left" src="http://i.blogg.no/50x50/${ProductImage}" alt="${ProductTitle}" /></a><strong><a href="${ProductUrl}">${ProductTitle}</a></strong>${ProductComment}</li>

</tag:productlist>

</ul>

</div>

</tag:if>

</div>

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

</div>

</div>

</body>

</html>

Keep it: Kode - stilsett

.entry {

width: 800px;

background-color: transparent;

}

body {

padding-top: 25px;

background-color: #ffffff;

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

color: #000000;

}

#header {

border: 0px solid #8f8f8f;

background-color: #ffffff;

background-image: url('http://img685.imageshack.us/img685/565/simple2.jpg'); [Her limer dere inn link til header som er lastet opp på f.eks. Imageshack.us. Bruk direct link. Høyde: 290px, lengde: 800px]

height: 250px;

background-repeat: no-repeat;

margin: 0 0 0 20px;

}

#wrapper {

center;

width: 1010px;

border: 0px solid #8f8f8f;

background-color: #ffffff;

}

#footer {

width: 1010px;

background-color: #ffffff;

}

a { color: #000000}

a:link { color: #000000}

a:visited { color: #000000}

a:active { color: #000000}

h2, h2 a { font-family: century gothic; font-size: 40px; text-align: left; font-weight: regular;}

h1, h3, h4, h5 { font-family: tahoma; font-size: 12px; }

h6 { font-family; Tahoma; font-size: 20px; text-align: left; font-weight: regular;}

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

#header { color: #000000; }

h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #000000; }

#doc2 { margin-left: auto; margin-right: auto; padding: 0; width: 1050px; }

#wrapper {

margin-left: auto;

margin-right: auto;

}

#footer {

margin-left: auto;

margin-right: auto;

}

#side {

margin-top: -344px;

background-color: #ffffff;

width: 190px;

}

#side a {color: #000000;}

#side h3 {color: #ffffff;

border: 0px solid #000000;

background: #000000;

text-align: center;

border-bottom: 4px solid #000000;

border-top: 3px solid #000000;

border-left: 1px solid #000000;

border-right: 1px solid #000000;

}

#meny2 {

font-family: Arial;

font-size: 10px;

text-align: left;

width: 800px;

padding: 5px 0px 5px 0px;

background-color: #000000;

margin-left: 0px;

margin-right: 0px;

}

#meny2 a {

background-color: #;

color: #ffffff;

padding: 5px 10px 5px 10px;

width: 100%;

margin: 0px 2px 0px 2px;

}

GRATIS DESIGN 2: WINTER

Nå har jeg laget mitt andre gratis design som dere bare kan ta. I bytte ber jeg om at dere lar "Design av" med bilde være der det er, og at dere kommenterer på dette innlegget. Kodene ligger fordelt i forskjellige innlegg, og pass på at dere legger dem på riktig sted. Følg instruksene som er skrevet med fet skrift og fjerne deretter disse. Enjoy!

Om dere vil ha kodene til tidligere design, kan dere se under "Kategorier" i sidemargen.



- ANNIKA <3

Winter: Kode - maler - arkiv

<!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" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>${ArchiveName} (${BlogTitle})</title>

<meta name="description" content="${BlogDescription}" />

<script type="text/javascript">var domainName = ".${AppDomain}";</script>

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

<link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

<link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

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

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

</head>

<body>

<div id="doc2">

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

<h1>

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

</h1>

<p>${BlogDescription}</p>

</div>

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

<br>

<center>

<a href="http://annikamad.blogg.no" class="box">FORSIDEN</a>

<a href="Link" class="box">OM MEG</a>

<a href="Link" class="box">KONTAKT</a>

<a href="Link" class="box">VIDEOBLOGG</a>
[Der det står "Link" limer dere inn linken til den siden dere vil knappen skal linke til. Dere kan også forandre navn på knappene]   

</center>

<br>

<center><img style="border: 0;" src="http://img571.imageshack.us/img571/2214/strek.jpg" height="1"></center>

<br>

<br>

<div id="main" class="yui-u first" style="width:800px">

<h2>${ArchiveName}</h2>

<tag:entrylist limit="1000" maxchars="200">

<div class="entry">

<h3>

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

</h3>

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

<div class="meta">

<center>

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

<li>

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

</ul>

</center>

</div>

</div>

</tag:entrylist>

</div>

<div id="side" class="yui-u">

<tag:profile>

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

<div id="profile" class="clearfix">

<div>

<img style="border: 0;" src="http://imageshack.us/a/img210/3743/19117926.jpg" height="190">
[Den linken som er kursiv er linken til profilbildet. Last opp ønsket bilde på f.eks. Imageshack.us, kopier direct link og lim inn her.]  

<br>

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

</a>

</div>

<h3>

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

</h3>

<p>${ProfileAge}, ${ProfileFrom}</p>

<p>${ProfileDescription}</p>

</div>

</tag:if>

</tag:profile>

<tag:include module="sidebar"></tag:include>

<div>

<h3>Kategorier</h3>

<ul>

<tag:categorylist>

<li>

<a href="${CategoryLink}">${CategoryName}</a>

</li>

</tag:categorylist>

</ul>

</div>

<div>

<h3>Arkiv</h3>

<ul>

<tag:archivelist>

<li>

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

</li>

</tag:archivelist>

</ul>

</div>

<br><br>

<center><h3>BLOGGDESIGN AV:</h3></center>

<a target='_blank' title='Annikama' href='http://annikama.blogg.no//'><img src='http://img571.imageshack.us/img571/8717/meggt.jpg' border='0'/></a>

<br><br>

</div>

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

</div>

</div>

</body>

</html>

<center><style>a.box, a.box:link, a.box:active, a.box:visited {

text-decoration: none;

font-family: century gothic;

font-weight:regular;

font-size:18px;

line-height:20px;

color: #778eb0;

padding: 0px;

display:;

letter-spacing:3px;

border-bottom: 1px solid #ffffff;

border-top: 1px solid #ffffff;

border-left: 49px solid #ffffff;

border-right: 48px solid #ffffff;

padding: 5px;

text-align: middle;

background: #ffffff;

text-transform: none;

}

</style>

</center>

Winter: Kode - maler - kategori

<!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" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>${CategoryName} (${BlogTitle})</title>

<meta name="description" content="${BlogDescription}" />

<script type="text/javascript">var domainName = ".${AppDomain}";</script>

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

<link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

<link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

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

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

</head>

<body>

<div id="doc2">

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

<h1>

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

</h1>

<p>${BlogDescription}</p>

</div>

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

<br>

<center>

<a href="http://annikamad.blogg.no" class="box">FORSIDEN</a>

<a href="Link" class="box">OM MEG</a>

<a href="Link" class="box">KONTAKT</a>

<a href="Link" class="box">VIDEOBLOGG</a>
[Der det står "Link" limer dere inn linken til den siden dere vil knappen skal linke til. Dere kan også forandre navn på knappene]  

</center>

<br>

<center><img style="border: 0;" src="http://img571.imageshack.us/img571/2214/strek.jpg" height="1"></center>

<br>

<br>

<div id="main" class="yui-u first" style="width:800px">

<h2>${CategoryName}</h2>

<tag:entrylist limit="1000" maxchars="200">

<div class="entry">

<h3>

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

</h3>

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

<div class="meta">

<center>

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

<li>

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

</ul>

</center>

</div>

</div>

</tag:entrylist>

</div>

<div id="side" class="yui-u">

<tag:profile>

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

<div id="profile" class="clearfix">

<div>

<img style="border: 0;" src="http://imageshack.us/a/img210/3743/19117926.jpg" height="190">
[Den linken som er kursiv er linken til profilbildet. Last opp ønsket bilde på f.eks. Imageshack.us, kopier direct link og lim inn her.]  

<br>

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

</a>

</div>

<h3>

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

</h3>

<p>${ProfileAge}, ${ProfileFrom}</p>

<p>${ProfileDescription}</p>

</div>

</tag:if>

</tag:profile>

<tag:include module="sidebar"></tag:include>

<div>

<h3>Kategorier</h3>

<ul>

<tag:categorylist>

<li>

<a href="${CategoryLink}">${CategoryName}</a>

</li>

</tag:categorylist>

</ul>

</div>

<div>

<h3>Arkiv</h3>

<ul>

<tag:archivelist>

<li>

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

</li>

</tag:archivelist>

</ul>

</div>

<br><br>

<center><h3>BLOGGDESIGN AV:</h3></center>

<a target='_blank' title='Annikama' href='http://annikama.blogg.no//'><img src='http://img571.imageshack.us/img571/8717/meggt.jpg' border='0'/></a>

<br><br>

</div>

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

</div>

</div>

</body>

</html>

<center><style>a.box, a.box:link, a.box:active, a.box:visited {

text-decoration: none;

font-family: century gothic;

font-weight:regular;

font-size:18px;

line-height:20px;

color: #778eb0;

padding: 0px;

display:;

letter-spacing:3px;

border-bottom: 1px solid #ffffff;

border-top: 1px solid #ffffff;

border-left: 49px solid #ffffff;

border-right: 48px solid #ffffff;

padding: 5px;

text-align: middle;

background: #ffffff;

text-transform: none;

}

</style>

</center>

Winter: Kode - maler - innlegg

<!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" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>${EntryTitle} (${BlogTitle})</title>

<meta name="description" content="${BlogDescription}" />

<script type="text/javascript">var domainName = ".${AppDomain}";</script>

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

<link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

<link rel="alternate" href="http://feeds.blogg.no/${BlogId}/comment/${EntryID}.rss" title="Kommentarer til dette inlegget" type="application/rss+xml" />

<link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

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

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

</head>

<body>

<div id="doc2">

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

<h1>

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

</h1>

<p>${BlogDescription}</p>

</div>

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

<br>

<center>

<a href="http://annikamad.blogg.no" class="box">FORSIDEN</a>

<a href="Link" class="box">OM MEG</a>

<a href="Link" class="box">KONTAKT</a>

<a href="Link" class="box">VIDEOBLOGG</a>
[Der det står "Link" limer dere inn linken til den siden dere vil knappen skal linke til. Dere kan også forandre navn på knappene] 

</center>

<br>

<center><img style="border: 0;" src="http://img571.imageshack.us/img571/2214/strek.jpg" height="1"></center>

<br>

<br>

<div id="main" class="yui-u first" style="width:800px">

<tag:entry>

<div class="entry">

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

<h2>${EntryTitle}</h2>

<div class="meta">

<center>

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

</center>

<br>

</div>

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

<div class="meta">

<center>

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

<li>

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

</ul>

</center>

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

<div class="tags">Stikkord:

<ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>

</tag:if>

<tag:include module="postentry"></tag:include>

</div>

</div>

</tag:entry>

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

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

<h3>

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

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

<tag:else />${EntryCommentCount} kommentarer</tag:if>

</h3>

<div id="comments">

<tag:commentlist>

<div class="comment ${CommentClass}">

<div class="meta">

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

<a href="${CommentProfileUrl}">

<img class="avatar" src="http://i.blogg.no/50x50/${CommentProfileImageUrl}" alt="" />

</a>

<tag:else />

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

<a rel="nofollow" href="${CommentAuthorUrl}">

<img class="avatar" src="http://i.blogg.no/50x50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=50" alt="" />

</a>

<tag:else />

<img class="avatar" src="http://i.blogg.no/50x50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=50" alt="" />

</tag:if>

</tag:if>

<h4>${CommentAuthorLinkIf}</h4>

<p>${CommentDate} kl.${CommentTime}</p>

</div>

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

</div>

</tag:commentlist>

</div>

<div id="newcomment" class="clearfix">

<h3>Skriv en ny kommentar</h3>

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

<div id="comment_author_wrapper">

<label for="comment_author">Navn:</label>

<input id="comment_author" type="text" name="author" onchange="doChange(this)" value="" maxlength="100" />

</div>

<div id="comment_authoremail_wrapper">

<label for="comment_authoremail">E-post:</label>

<input id="comment_authoremail" type="text" name="authoremail" onchange="doChange(this)" value="" maxlength="100" />

</div>

<div id="comment_authorurl_wrapper">

<label for="comment_authorurl">URL:</label>

<input id="comment_authorurl" type="text" name="authorurl" onchange="doChange(this)" value="http://" maxlength="100" />

</div>

<div id="comment_text_wrapper">

<label for="comment_text">Din kommentar:</label>

<textarea id="comment_text" name="comment" onchange="doChange(this);" cols="40" rows="10"></textarea>

</div>

<div id="comment_submit_wrapper">

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

<input id="comment_submit" class="submit" type="submit" name="submit" value="Send kommentar" />

</div>

<div id="comment_remember_wrapper">

<input id="comment_remember" name="comment_remember" onclick="doCheck(this)" type="checkbox" value="1" />

<label for="comment_remember">Husk meg ?</label>

</div>

</form>

</div>

</tag:if>

</div>

<div id="side" class="yui-u">

<tag:profile>

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

<div id="profile" class="clearfix">

<div>

<img style="border: 0;" src="http://imageshack.us/a/img210/3743/19117926.jpg" height="190">
[Den linken som er kursiv er linken til profilbildet. Last opp ønsket bilde på f.eks. Imageshack.us, kopier direct link og lim inn her.]  

<br>

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

</a>

</div>

<h3>

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

</h3>

<p>${ProfileAge}, ${ProfileFrom}</p>

<p>${ProfileDescription}</p>

</div>

</tag:if>

</tag:profile>

<tag:include module="sidebar"></tag:include>

<div>

<h3>Kategorier</h3>

<ul>

<tag:categorylist>

<li>

<a href="${CategoryLink}">${CategoryName}</a>

</li>

</tag:categorylist>

</ul>

</div>

<div>

<h3>Arkiv</h3>

<ul>

<tag:archivelist>

<li>

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

</li>

</tag:archivelist>

</ul>

</div>

<br><br>

<center><h3>BLOGGDESIGN AV:</h3></center>

<a target='_blank' title='Annikama' href='http://annikama.blogg.no//'><img src='http://img571.imageshack.us/img571/8717/meggt.jpg' border='0'/></a>

<br><br>

</div>

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

</div>

</div>

</body>

</html>

<center><style>a.box, a.box:link, a.box:active, a.box:visited {

text-decoration: none;

font-family: century gothic;

font-weight:regular;

font-size:18px;

line-height:20px;

color: #778eb0;

padding: 0px;

display:;

letter-spacing:3px;

border-bottom: 1px solid #ffffff;

border-top: 1px solid #ffffff;

border-left: 49px solid #ffffff;

border-right: 48px solid #ffffff;

padding: 5px;

text-align: middle;

background: #ffffff;

text-transform: none;

}

</style>

</center>

Les mer i arkivet » November 2012 » Oktober 2012
hits