Gratis design #1 - Socker söt



Det är helt ok att ändra osv i designen, men ni får inte ta bort att det är jag som gjort den!

Header storlek: 997x450
Storlek på bilder i inlägg: 800px

STILMALL

body {
margin: 20px -180px 0px 0px;
background-color: #fffbfc;
background-attachment: fixed;}
a {color: #53454b;}
a:hover {color: #000;}
#wrapper {
margin: 50px auto;
background: transparent;
width: 815px;
padding: 8px;
}
p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#header {
background: #e3ddd5 url(https://cdn3.cdnme.se/cdn/8-1/3537474/images/2012/head_202457594.jpg);
padding: 0px 0px 0px 0px;
margin:0px 0px 4px -185px;
voice-family:"\"}\"";
voice-family:inherit;
width:789px;
height: 450px;
border: 1px solid #e3ddd5;
}html>body #header { width: 997px }
#side {
float: left;
width: 185px;
margin: 0px 0px 10px -185px;
padding: 5px 0px 0px 5px;
background: #FFFFFF;
border: 1px solid #e3ddd5;
}
#content {
margin: 0px 0px 10px 0px;
float: right;
background: #FFFFFF;
padding: 0px;
voice-family:"\"}\"";
voice-family:inherit;
width: 612px;
border: 1px solid #e3ddd5;
}html>body #content { width: 800px }
#header a {
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}
h1 {
font-family: Letter Gothic Std, arial, verdana, sans-serif;
font-size: 32px;
font-weight: normal;
color: #bdb4a5;
margin: 154px 10px 0px 0px;
text-align: right;
padding: 0px;
}
h2 {
font-family: Monotype Corsiva, arial, verdana, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
margin: 0px;
padding: 0px;
width: 170px;
}
/** Entry headers **/
h3 {
background: #FFFFFF;
font-family: Letter Gothic Std, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
padding: 5px 10px 5px 0px;
color: #675f5f;
margin: 0px 0px 0px;
text-align: center;
}
.navheader {
font-family:  Georgia, Helvetica, Sans-serif;
font-size: 12px;
font-weight: normal;
color: #484545;
padding: 0px;
margin: 0px 2px 0px -3px;
background-color: #f5e4ea;
text-transform: bold;
}
#infotext {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
margin: 0px 0px 10px 0px;
}
.nav {
font-family: verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
margin: 0px;
}
.nav ul {
margin: 0px 0px 10px;
padding: 3px;
font-weight: normal;
background-color: #FFFFFF;
}
.nav li {
list-style: none;
padding: 0px 0px 6px 0px;
font-weight: normal;
}
.nav a { color: #5a5753; text-decoration: none;}
.nav a:hover { color: #c5bfb6; }
/** Post's body text **/
.entrybody {
font-family: Arial, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #5a5753;
margin: 0px 0px 3px 0px;
background-color: #FFFFFF;
padding: 5px;
}
/** 'Posted by' txt **/
.entrymeta {
font-family: arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #82796c;
text-align: center;
background-color: #f5e4ea;
padding: 4px;
margin: 0px 0px 10px 0px;
}
.entrymeta a { color: #665e52; text-decoration: none;}
.entrymeta a:hover { color: #cbc2b6; }
.kommentarer {
font-family: arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
text-align: center;
background-color: #f5e4ea;
padding: 4px;
margin: -25px 10px 0px 10px;
width: 80px;
float: right;
}
.kommentarer a { color: #898074; text-decoration: none;}
.kommentarer a:hover { color: #cbc2b6; }
.commentheader {
font-family:  arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding:5px;
margin: 4px 4px 0px 4px;
color: #675f5f;
border-top: 1px solid #e3ddd5;
border-left: 1px solid #e3ddd5;
border-right: 1px solid #e3ddd5;
}
.commenttext {
font-family: arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #5a5753;
margin: 0px 4px 0px 4px;
padding: 0px 8px 8px 8px;
border-left: 1px solid #e3ddd5;
border-right: 1px solid #e3ddd5;
}
.commentmeta {
font-family: arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #8f8282;
border-bottom: 1px solid #e3ddd5;
border-left: 1px solid #e3ddd5;
border-right: 1px solid #e3ddd5;
margin: 0px 4px 4px 4px;
padding: 0px 8px 8px 8px;
}
.commentmeta a { color: #6b5e5e; text-decoration: none;}
.commentmeta a:hover { color: #b2a5a5; }
.commentform {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}
.separator {
border-top: 2px solid #CCCCCC;
border-bottom: 0px solid #CCCCCC;
margin: 14px 0px 14px 0px
}
.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 16px;
color: #918383;
font-weight: normal;
text-align: center;
padding: 10px 0px 10px 0px;
text-transform: uppercase;
}
.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
padding: 0px 0px 0px 0px;
}
.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}
.image {
border: 0px solid #FFFFFF;
background-color:#FFFFFF;
padding: 1px;
margin: 0px 0px 6px 0px;
}
.thumbnail {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}
.video{
padding: 0px 0px 0px 0px;
}
.fieldName{
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}
select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}
#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
margin: 12px 0px 12px 0px;
padding: 10px;
}
#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}
#calendar table caption {
color: #666666;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}
#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}
#calendar table tr td {
border: 1px solid #666666;
text-align: center;
font-size: xx-small;
}
#calendar table tr ul  {
color: #666666;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;
}
#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}
#calendar table tr td.cssDayMouseOut {
border: 1px solid #666666;
}
#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color: #666666;
}
#calendar table tr td ul li {
color: #666666;
}
#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}
#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}
form {
padding: 10px;
background-color: #FFFFFF;
margin: 0px 0px 10px;
}
#profile {
font-family:  Verdana, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-left: 16px;
}
#profile h4{
font-family:  Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}
#profile p{
}
#footerddb{
width: 100%;
height: 20px;
text-align: center;
font-family: verdana;
font-size: 10px;
margin-top: 5px;
clear: both;
color: #cccccc;
}
body {
margin: 20px -180px 0px 0px;
background-color: #fffbfc;
background-attachment: fixed;}
a {color: #53454b;}
a:hover {color: #000;}
#wrapper {
margin: 50px auto;
background: transparent;
width: 815px;
padding: 8px;
}
p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#header {
background: #e3ddd5 url(https://cdn3.cdnme.se/cdn/8-1/3537474/images/2012/head_202457594.jpg);
padding: 0px 0px 0px 0px;
margin:0px 0px 4px -185px;
voice-family:"\"}\"";
voice-family:inherit;
width:789px;
height: 450px;
border: 1px solid #e3ddd5;
}html>body #header { width: 997px }
#side {
float: left;
width: 185px;
margin: 0px 0px 10px -185px;
padding: 5px 0px 0px 5px;
background: #FFFFFF;
border: 1px solid #e3ddd5;
}
#content {
margin: 0px 0px 10px 0px;
float: right;
background: #FFFFFF;
padding: 0px;
voice-family:"\"}\"";
voice-family:inherit;
width: 612px;
border: 1px solid #e3ddd5;
}html>body #content { width: 800px }
#header a {
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}
h1 {
font-family: Letter Gothic Std, arial, verdana, sans-serif;
font-size: 32px;
font-weight: normal;
color: #bdb4a5;
margin: 154px 10px 0px 0px;
text-align: right;
padding: 0px;
}
h2 {
font-family: Monotype Corsiva, arial, verdana, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
margin: 0px;
padding: 0px;
width: 170px;
}
/** Entry headers **/
h3 {
background: #FFFFFF;
font-family: Letter Gothic Std, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
padding: 5px 10px 5px 0px;
color: #675f5f;
margin: 0px 0px 0px;
text-align: center;
}
.navheader {
font-family:  Georgia, Helvetica, Sans-serif;
font-size: 12px;
font-weight: normal;
color: #484545;
padding: 0px;
margin: 0px 2px 0px -3px;
background-color: #f5e4ea;
text-transform: bold;
}
#infotext {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
margin: 0px 0px 10px 0px;
}
.nav {
font-family: verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
margin: 0px;
}
.nav ul {
margin: 0px 0px 10px;
padding: 3px;
font-weight: normal;
background-color: #FFFFFF;
}
.nav li {
list-style: none;
padding: 0px 0px 6px 0px;
font-weight: normal;
}
.nav a { color: #5a5753; text-decoration: none;}
.nav a:hover { color: #c5bfb6; }
/** Post's body text **/
.entrybody {
font-family: Arial, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #5a5753;
margin: 0px 0px 3px 0px;
background-color: #FFFFFF;
padding: 5px;
}
/** 'Posted by' txt **/
.entrymeta {
font-family: arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #82796c;
text-align: center;
background-color: #f5e4ea;
padding: 4px;
margin: 0px 0px 10px 0px;
}
.entrymeta a { color: #665e52; text-decoration: none;}
.entrymeta a:hover { color: #cbc2b6; }
.kommentarer {
font-family: arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
text-align: center;
background-color: #f5e4ea;
padding: 4px;
margin: -25px 10px 0px 10px;
width: 80px;
float: right;
}
.kommentarer a { color: #898074; text-decoration: none;}
.kommentarer a:hover { color: #cbc2b6; }
.commentheader {
font-family:  arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding:5px;
margin: 4px 4px 0px 4px;
color: #675f5f;
border-top: 1px solid #e3ddd5;
border-left: 1px solid #e3ddd5;
border-right: 1px solid #e3ddd5;
}
.commenttext {
font-family: arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #5a5753;
margin: 0px 4px 0px 4px;
padding: 0px 8px 8px 8px;
border-left: 1px solid #e3ddd5;
border-right: 1px solid #e3ddd5;
}
.commentmeta {
font-family: arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #8f8282;
border-bottom: 1px solid #e3ddd5;
border-left: 1px solid #e3ddd5;
border-right: 1px solid #e3ddd5;
margin: 0px 4px 4px 4px;
padding: 0px 8px 8px 8px;
}
.commentmeta a { color: #6b5e5e; text-decoration: none;}
.commentmeta a:hover { color: #b2a5a5; }
.commentform {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}
.separator {
border-top: 2px solid #CCCCCC;
border-bottom: 0px solid #CCCCCC;
margin: 14px 0px 14px 0px
}
.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 16px;
color: #918383;
font-weight: normal;
text-align: center;
padding: 10px 0px 10px 0px;
text-transform: uppercase;
}
.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
padding: 0px 0px 0px 0px;
}
.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}
.image {
border: 0px solid #FFFFFF;
background-color:#FFFFFF;
padding: 1px;
margin: 0px 0px 6px 0px;
}
.thumbnail {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}
.video{
padding: 0px 0px 0px 0px;
}
.fieldName{
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}
select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}
#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
margin: 12px 0px 12px 0px;
padding: 10px;
}
#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}
#calendar table caption {
color: #666666;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}
#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}
#calendar table tr td {
border: 1px solid #666666;
text-align: center;
font-size: xx-small;
}
#calendar table tr ul  {
color: #666666;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;
}
#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}
#calendar table tr td.cssDayMouseOut {
border: 1px solid #666666;
}
#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color: #666666;
}
#calendar table tr td ul li {
color: #666666;
}
#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}
#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}
form {
padding: 10px;
background-color: #FFFFFF;
margin: 0px 0px 10px;
}
#profile {
font-family:  Verdana, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-left: 16px;
}
#profile h4{
font-family:  Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}
#profile p{
}
#footerddb{
width: 100%;
height: 20px;
text-align: center;
font-family: verdana;
font-size: 10px;
margin-top: 5px;
clear: both;
color: #cccccc;
}

KODMALLAR FRAMSIDA

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--Skapad av bynatty.blogg.se-->
<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>
<div id="wrapper">
<div id="header">
</div>
<div id="content">
<tag:entrylist limit="15">
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div class="kommentarer">
<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer </a>
</div>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
${EntryDate} @ ${EntryTime}
<a href="${EntryPermaLink}">Direktlänk</a> /
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
</div>
</tag:entrylist>
</div>
<div id="side">
<div id="infotext">
Här kan du skriva lite info om dig.
</div>
<div class="nav">
<div class="navheader">Sök i bloggen</div>
<form action="${AppUrl}index.bd?fa=search.do" name="search" method="post">
<input type="hidden" name="bl_id" value="${BlogID}" />
<input type="text" name="criteria" value="" size="12" maxlength="64" />
<input type="submit" value="Sök" />
</form>
<div class="navheader">Senaste inläggen</div>
<ul>
<tag:recentlist limit="20">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul>
<div class="navheader">Kategorier</div>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
<div class="navheader">Arkiv</div>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<tag:if test="${hasLinks == 'true'}">
<div class="navheader">Länkar</div>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</tag:if>
<tag:if test="${hasBooks == 'true'}">
<div class="navheader">Böcker</div>
<ul>
<tag:booklist>
<li><a href="${BookUrl}"><img class="thumbnail" src="${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}">${BookTitle}</a></li>
</tag:booklist>
</ul>
</tag:if>
<tag:if test="${hasMusic == 'true'}">
<div class="navheader">Musik</div>
<ul>
<tag:musiclist>
<li><a href="${MusicUrl}"><img class="thumbnail" src="${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}">${MusicTitle}</a></li>
</tag:musiclist>
</ul>
</tag:if>
<tag:if test="${hasMovies == 'true'}">
<div class="navheader">Filmer</div>
<ul>
<tag:movielist>
<li><a href="${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}">${MovieTitle}</a></li>
</tag:movielist>
</ul>
</tag:if>
</div>
<a href="http://bynatty.blogg.se"><img src="https://cdn3.cdnme.se/cdn/8-1/3537474/images/2012/mindre_202469381.png"></a><br />
<div class="subside">
</body>
</html>

KODMALL KATEGORISIDA & ARKIVSIDA

<!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" />
<link rel="alternate" href="${BlogUrl}index.rss" type="application/rss+xml" title="RSS 2.0" />
<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">
</div>
<div id="content">
<tag:entrylist limit="300">
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div class="kommentarer">
<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer </a>
</div>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
${EntryDate} @ ${EntryTime}
<a href="${EntryPermaLink}">Direktlänk</a> /
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
</div>
</tag:entrylist>
</div>
<div id="side">
<div class="nav">
<ul>
<li><a href="index.html" title="Gå till startsidan"><strong>Till bloggens startsida</strong></a></li>
</ul>
<div class="navheader">Sök i bloggen</div>
<form action="${AppUrl}index.bd?fa=search.do" name="search" method="post">
<input type="hidden" name="bl_id" value="${BlogID}" />
<input type="text" name="criteria" value="" size="12" maxlength="64" />
<input type="submit" value="Sök" />
</form>
<div class="navheader">Senaste inläggen</div>
<ul>
<tag:recentlist limit="20">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul>
<div class="navheader">Kategorier</div>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
<div class="navheader">Arkiv</div>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<tag:if test="${hasLinks == 'true'}">
<div class="navheader">Länkar</div>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</tag:if>
</div>
<center><a href="http://bynatty.blogg.se"><img src="https://cdn3.cdnme.se/cdn/8-1/3537474/images/2012/mindre_202469381.png"></a></center><br />
<div class="subside">
</div>
</div>
</div>
</body>
</html>

KODMALL INLÄGGSSIDA

<!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="kommentarer">
<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer </a>
</div>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
${EntryDate} @ ${EntryTime}
<a href="${EntryCategoryLink}">${EntryCategoryName}</a> /
<a href="${EntryPermaLink}">Direktlänk</a>
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
</div>
</tag:entry>
<!-- Display comments and form if this entry allows comments -->
<tag:if test="${Comments == 1}">
<a name="comment"></a>
<div class="default">Kommentarer </div>
<tag:commentlist>
<div class="commentheader">
Postat av: ${CommentAuthor}
</div>
<p class="commenttext">${CommentText}</p>
<div class="commentmeta">
${CommentDate} @ ${CommentTime}
<!-- If comment author has written her / his e-mail address -->
<tag:if test="${CommentAuthorEmail != ''}">
<br />E-postadress: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a>
</tag:if>
<!-- If comment author has written her / his URL -->
<tag:if test="${CommentAuthorURL != ''}">
<br />URL: <a href="${CommentAuthorURL}">${CommentAuthorURL}</a>
</tag:if>
</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 />
<strong>Kommentera inlägget här:</strong> <br /> <br />
Namn: <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" /> Kom ihåg mig?<br />
<br />
E-postadress: (publiceras ej)<br />
<input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />
<br />
URL/Bloggadress: <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="Skicka kommentar" />
</form>
</tag:if>
</div>
<div id="side">
<div class="nav">
<ul>
<li><a href="index.html" title="Gå till startsidan"><strong>Till bloggens startsida</strong></a></li>
</ul>
<div class="navheader">Kategorier</div>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
<div class="navheader">Arkiv</div>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
</div>
<center><a href="http://bynatty.blogg.se"><img src="https://cdn3.cdnme.se/cdn/8-1/3537474/images/2012/mindre_202469381.png"></a></center><br />
<div class="subside">
</div>
</div>
</div>
</body>
</html>

"Socker söt"

Hej!
Va kul att du vill använda min design!
Du får gärna skriva en kommentar till mig ang att du använder designen!

Välkommen till min nya blogg!

Här kan du skriva lite info om dig.