En liten blogg -

Gratis bloggdesign

Ja, nu är den här. En helt gratis bloggdesign gjord av mig!
Den ser ut såhär:

(Klicka för att se den större)

Hur ska du göra för att lägga in den på din blogg då?

1. Spara den här bilden:

2: Ladda hem stilmallen och kodmallarna:

Stilmall:

body {
background: #7e8a93 url();
margin:0;
padding:0px;
text-align:center;
color:#000000;
}

a {color: #333333; text-decoration:underline;}
a:hover {color: #7e8a93;text-decoration:none;}

#wrapper {
text-align: left;
width: 830px; 
position:relative;
margin:0px auto;
padding: 0px 0px 0px; 
vertical-align: top;
background: transparent;
}

p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#header {
background: #7e8a93 url(http://radioaktivanka.blogg.se/testbloggen/images/2009/bloggdesigngratisheader3_49945712.jpg) no-repeat left top;
margin-top: 0px;
padding: 0px 0px 0px 0px;
height: 336px;
text-align: left;
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
}	

#side {
background: transparent;
float: right;
width: 210px;
border-left: 0px solid black;
border-right: 0px solid black; 
border-bottom: 0px solid black;
position: right;
}

#content {
overflow: hidden;
width: 608px;
float: left;
background: #FFFFFF;
padding: 0px 0px 0px;
voice-family:"\"}\"";
voice-family:inherit;
text-align: left;
vertical-align: top;
border-top: 0px none;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
margin-top: 0px;
}

.knapp{
border: 1px solid #000000;
font-size: 11px;  
background: #5e6a74 url();
color: #FFFFFF;
font-weight: bold;
font-family: verdana;
padding: 2px 2px 2px 2px;
}

.topp{
background: #5e6a74;
font-family: century gothic, arial, verdana;
font-size: 15px;
font-weight: bold;
color: #fff;
padding: 2px 0px 2px 10px;
height: 20px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
}
.mitten{
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #000000;
padding: 7px;
margin: 0px;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
background: #FFFFFF;
}
.botten{
background: #5e6a74 url() no-repeat;
height: 4px;
margin: 0px;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}


.datum {
padding-left: 20px;
padding-top: 7px;
color: #555555;
font-size: 10px;
font-family: verdana, arial;
}


.datum a { color: #333333; text-decoration:none;}
.datum a:hover { color: #333333; text-decoration:none; background-color: #ccd6dd;} 


#header a { color: #FFFFFF; text-decoration: none; }

h1 {
font-family: century gothic, arial, verdana, sans-serif;
font-size: 60px;
font-weight: normal;
color: #FFF;
margin-top: 0px;
margin-left:0px;
margin-bottom:0px;
padding-top: 80px;
padding-left: 80px;
}

h2 {
font-family: verdana, arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #FFF;
padding-top:0px;
padding-bottom:0px;
padding-left: 70px;
padding-right: 320px;

}

/** Entry headers **/
h3 {
font-family: arial, verdana, sans-serif;
font-size: 16px;
font-weight: medium;
color: #ffffff;
padding: 7px 8px 10px 35px;
margin: 0px 0px 0px 0px;
height: 14px;
background: #5e6a74 ;
vertical-align: top;
}

.navheader {
font-family: arial, verdana, sans-serif;
font-size: 15px;
color: #000000;
margin-bottom: 0px;
font-weight: normal;
}

.nav {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

.nav ul {
padding: 0px 0px 0px;
font-weight: normal;
margin: 0px;
}

.nav li {
list-style: none;
padding: 0px 0px 0px 0px;
font-weight: normal;
margin: 0px;
}

.nav a { color: #333333;text-decoration:none;}
.nav a:hover { color: #333333;text-decoration:none; background-color: #ccd6dd;}

/** Post's body text **/
.entrybody {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
line-height: 140%;
text-align:justify;
padding: 15px;
margin: 0px 0px 0px 0px;
}

/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
padding-right: 20px;
text-align:right;
}

.entrymeta a { color: #333333; text-decoration: none;}
.entrymeta a:hover { color: #7e8a93; text-decoration: none; }

.commentheader {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
line-height: 140%;
padding: 0px 15px 2px 15px;
border-top: 1px solid #FFF;
background: #FFFFFF url(http://radioaktivanka.blogg.se/testbloggen/images/2009/rubrikkommentar_49884433.jpg) no-repeat;
}

.commenttext {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
line-height: 140%;
margin-right:20px;
margin-left:10px;
padding-left:10px;
padding-top:10px;
}

.commentmeta {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
text-align:left;
padding: 10px 20px 20px 10px;
}

.commentmeta a { color: #333333; text-decoration:none;}
.commentmeta a:hover { color: #333333;text-decoration:none; background:#ffd3ea; }

.commentform {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
margin: 0px 0px 20px 0px;
padding:20px;

}

.separator {
display: none;
}

.default {
display:none;
}

.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: .7em;
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: 1px solid #5E6655;
padding: 0px 0px 0px 0px;
margin: 0px 6px 6px 0px;
}

.thumbnail {
border: 2px solid #889977;
margin: 0px 6px 6px 0px;
}

.video{
padding: 0px 0px 30px 30px;
}

.fieldName{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}

select{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
}

/*****************************************************************************
* Calendar					                                                 *
*****************************************************************************/

#calendar {
color: #000000;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px 0px 6px 0px;
text-align: left;
}

#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}

#calendar table caption {
color: #000000;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
border-bottom: 3px solid #000000;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
}

#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}

#calendar table tr td {
border: 1px solid #F1F1F1;
text-align: center;
font-size: xx-small;
}

#calendar table tr ul  {
color: #BBB;
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 #F1F1F1;
}

#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;
}

#calendar table tr td ul li {
}

#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 {
margin: 0px 0px 6px;
padding-left: 10px;
}
em {
margin: 0px;
padding: 0px;
border: 0px none;
text-align: left;
letter-spacing: 0.1em;
}

#profile {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFF;
margin-bottom: 10px;
}

#profile h4{
font-family: arial, verdana, sans-serif;
font-size: 15px;
font-weight: bold;
color: #000000;
margin-bottom: 3px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}

#profile p{
}

#profile p a{
color: #FFF;
}

#profile p a:hover{
color: #333;
}

Kodmall - Front page

<!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>
<!-- START Susnet BESÖKSREGISTRERINGSKOD -->
<script type="text/javascript" src="http://susnet.se/susnetstat.js">
</script>
<script type="text/javascript">
susnet_counter_id = 92793;
susnet_security_code = 'b53c8';
susnet_node=0;
register();
</script>
<!-- SLUT Susnet BESÖKSREGISTRERINGSKOD -->

<body>

<div id="wrapper">

 <div id="header">
  <h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
  <h2>${BlogDescription}</h2>

</div>
 <div id="content">


  <tag:entrylist limit="15">
   <a name="a${EntryNum}"></a>
   <h3>${EntryTitle}</h3> 
      <div class="datum"><B>Skrivet:</B> ${EntryDate} <B>Klockan:</B> ${EntryTime}</div>

   <div class="entrybody">${EntryBody}</div>
   <div class="entrymeta">
    <FONT size="2"><a href="${EntryPermaLink}#comment">Klicka här för att kommentera!</a></FONT></br> 
    <font face="verdana" size="1" color="#555555"><B>Publicerat i:</B> <a href="${EntryCategoryLink}">${EntryCategoryName}</a> | <a href="${EntryPermaLink}">Länka inlägget</a> | 
    <a href="${EntryPermaLink}#comment">${EntryCommentCount} st kommentarer</a> </FONT>
    	<br /><br />
	<tag:taglist title="Nyckelord: ">
		<a href="${TagURL}" rel="tag">${TagName}</a>
	</tag:taglist>
   </div>
   <hr class="separator" />
  </tag:entrylist>
 </div>

 <div id="side">

  <div id="profile">
	<tag:profile>
			</tag:profile>
  </div>

  <div class="nav">

	<div class="topp">
Välkommen!
</div>
<div class="mitten">Valfri text </br></br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
</div>
<div class="botten">
</div>
</br>

<div class="topp">
Sök i bloggen
</div>
<div class="mitten">
	<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" class="knapp"/>
	</form>
</div>
<div class="botten">
</div>
</br>

</br>

	<div class="topp">
Senaste inläggen
</div>
<div class="mitten">
<ul>
       <tag:recentlist limit="20">
     <li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
       </tag:recentlist>
   </ul> 
</div>
<div class="botten">
</div>
</br>

	<div class="topp">Kategorier
</div>
<div class="mitten">

   <ul>
     <tag:categorylist>
        <li><a href="${CategoryLink}">${CategoryName}</a></li>
       </tag:categorylist>
   </ul>
 
</div>
<div class="botten">
</div>
</br>

	<div class="topp">Arkiv
</div>
<div class="mitten">
   <ul>
    <tag:archivelist>
     <li><a href="${ArchiveLink}">${ArchiveName}</a></li>
    </tag:archivelist>
   </ul>   <ul>
    <tag:archivelist>
     <li><a href="${ArchiveLink}">${ArchiveName}</a></li>
    </tag:archivelist>
   </ul>

</div>
<div class="botten">
</div>
</br>

	<div class="topp">Länkar
</div>
<div class="mitten">

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

   <ul>
    <tag:linklist>
     <li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
    </tag:linklist>
   </ul>
   </tag:if>

</div>
<div class="botten">
</div>
</br>

  
	<div class="topp">Design och layout
</div>
<div class="mitten">
Bloggdesignen är gjord av <a href="http://radioaktivanka.blogg.se" rel="nofollow" target="_blank">radioaktivanka.blogg.se</a> </br></br>

</div>
<div class="botten">
</div>
</br> 



   <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>
  <div class="subside">
   <a href="index.rss" title="RSS"><img src="http://static.blogg.se/img/rss.gif" border="0" alt="RSS 2.0" /></a>
  </div>
 </div>
</div>

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

</body>



</html>

Kodmall - Entry page
Eftersom hela denna kod inte funkar i en ruta så delar jag upp den

Första delen:

<!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">
  <h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
  <h2>${BlogDescription}</h2>
 </div>

 <div id="content">

  <tag:entry>
   <a name="a${EntryNum}"></a>
   <h3>${EntryTitle}</h3>
      <div class="datum"><B>Skrivet:</B> ${EntryDate} <B>Klockan:</B> ${EntryTime}</div>

<div class="entrybody">${EntryBody}</div>
   <div class="entrymeta">
<FONT size="2"><a href="${EntryPermaLink}#comment">Klicka här för att kommentera!</a></FONT></br> 
    <font face="verdana" size="1" color="#555555"><B>Publicerat i:</B> <a href="${EntryCategoryLink}">${EntryCategoryName}</a> | <a href="${EntryPermaLink}">Länka inlägget</a> | 
    <a href="${EntryPermaLink}#comment">${EntryCommentCount} st kommentarer</a> </FONT>
	 <br /><br />
	 <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}">

   <hr class="separator" />

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

   <div class="default">Kommentarer</div> 

   <tag:commentlist>
    <div class="commentheader">
     Skrivet av: ${CommentAuthor}</div>
<div class="datum"><B>Skrivet:</B> ${CommentDate} <B>Klockan:</B> ${CommentTime} | <B>URL:</B> <a href="${CommentAuthorURL}">${CommentAuthorURL}</a></div><tag:if test="${CommentAuthorEmail != ''}">
       <br />E-postadress: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a>
     </tag:if>
<p class="commenttext">${CommentText}</p>
    <div class="commentmeta">
 
        </div>
   </tag:commentlist>
</br></br></br>

          

   <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 />
    Bloggadress/hemsida: <br />
    <input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" />
    <br />
    Kommentar: <br />

Mitten delen:
<textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea>
Klistra in denna mellan de andra delarna!

Sista delen:
<br /> <input class="knapp" type="submit" name="submit" value="Skicka kommentar" /> </form> </tag:if> <a name="trackback"></a> <div class="default">Trackback</div> <tag:if test="${Trackbacks == 1}"> <div class="entrybody"> Trackback-URL för detta inlägg: <br /> ${TrackbackEntryURL} </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 id="side"> <div class="nav"> <div id="profile"> <tag:profile> </tag:profile> </div> <div class="topp">Startsidan </div> <div class="mitten"> <center><a href="index.html" title="Gå till startsidan">Klicka här för att komma till bloggens startsida</a></center> </div> <div class="botten"> </div> </br> <div class="topp"> Senaste inläggen </div> <div class="mitten"> <ul> <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> </div> <div class="botten"> </div> </br> <div class="topp">Kategorier </div> <div class="mitten"> <ul> <tag:categorylist> <li><a href="${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> </div> <div class="botten"> </div> </br> <div class="topp">Arkiv </div> <div class="mitten"> <ul> <tag:archivelist> <li><a href="${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> <ul> <tag:archivelist> <li><a href="${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> </div> <div class="botten"> </div> </br> <div class="topp">Länkar </div> <div class="mitten"> <tag:if test="${hasLinks == 'true'}"> <ul> <tag:linklist> <li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li> </tag:linklist> </ul> </tag:if> </div> <div class="botten"> </div> <div class="topp">Design och layout </div> <div class="mitten"> Bloggdesignen är gjord av <a href="http://radioaktivanka.blogg.se" rel="nofollow" target="_blank">radioaktivanka.blogg.se</a> </br></br> </div> <div class="botten"> </div> </br> <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> <div class="subside"> <a href="index.rss" title="RSS"><img src="http://static.blogg.se/img/rss.gif" border="0" alt="RSS 2.0" /></a> </div> </div> </div> <img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" /> </body> </html>

Kodmall - Category page och Archive page

<!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">
  <h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
  <h2>${BlogDescription}</h2>
  </div>

 <div id="content">
  <tag:entrylist limit="300">
   <a name="a${EntryNum}"></a>
   <h3>${EntryTitle}</h3>
    <div class="datum"><B>Skrivet:</B> ${EntryDate} <B>Klockan:</B> ${EntryTime}</div>
   <div class="entrybody">${EntryBody}</div>
   <div class="entrymeta">
<FONT size="2"><a href="${EntryPermaLink}#comment">Klicka här för att kommentera!</a></FONT></br> 
    <font face="verdana" size="1" color="#555555"><B>Publicerat i:</B> <a href="${EntryCategoryLink}">${EntryCategoryName}</a> | <a href="${EntryPermaLink}">Länka inlägget</a> | 
    <a href="${EntryPermaLink}#comment">${EntryCommentCount} st kommentarer</a> </FONT>	<br /><br />
	<tag:taglist title="Nyckelord: ">
		<a href="${TagURL}" rel="tag">${TagName}</a>
	</tag:taglist>
   </div>
   <hr class="separator" />
  </tag:entrylist>
 </div>

 <div id="side">  <div class="nav">

  <div id="profile">
	<tag:profile>
			</tag:profile>
  </div>
<div class="topp">Startsidan
</div>
<div class="mitten">
<center><a href="index.html" title="Gå till startsidan">Klicka här för att komma till bloggens startsida</a></center>

</div>
<div class="botten">
</div>

</br>
 

	<div class="topp">
Senaste inläggen
</div>
<div class="mitten">
<ul>
       <tag:recentlist limit="20">
     <li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
       </tag:recentlist>
   </ul> 
</div>
<div class="botten">
</div>
</br>

	<div class="topp">Kategorier
</div>
<div class="mitten">

   <ul>
     <tag:categorylist>
        <li><a href="${CategoryLink}">${CategoryName}</a></li>
       </tag:categorylist>
   </ul>
 
</div>
<div class="botten">
</div>
</br>

	<div class="topp">Arkiv
</div>
<div class="mitten">
   <ul>
    <tag:archivelist>
     <li><a href="${ArchiveLink}">${ArchiveName}</a></li>
    </tag:archivelist>
   </ul>   <ul>
    <tag:archivelist>
     <li><a href="${ArchiveLink}">${ArchiveName}</a></li>
    </tag:archivelist>
   </ul>

</div>
<div class="botten">
</div>
</br>

	<div class="topp">Länkar
</div>
<div class="mitten">

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

   <ul>
    <tag:linklist>
     <li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
    </tag:linklist>
   </ul>
   </tag:if>

</div>
<div class="botten">
</div>


  
	<div class="topp">Design och layout
</div>
<div class="mitten">
Bloggdesignen är gjord av <a href="http://radioaktivanka.blogg.se" rel="nofollow" target="_blank">radioaktivanka.blogg.se</a> </br></br>

</div>
<div class="botten">
</div>
</br> 

   
   <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>
  <div class="subside">
   <a href="index.rss" title="RSS"><img src="http://static.blogg.se/img/rss.gif" border="0" alt="RSS 2.0" /></a>
  </div>
 </div>
</div>

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

</body>


</html>

3. Lägg in stilmallen och kodmallen där de ska vara. Stillmallen ska såklart in under Design > Stilmall.

Kodmallarna finns på Design > Kodmall. Den första sidan du får upp är Front page så där klistrar du in koden du kopierade här ifrån. Sen bläddrar du dig vidare till Entry, Category och Archive och klistrar in de kodmallar som ska vara där. Glöm inte att spara innan du bläddrar vidare till näsa kodmall!

Uppe till höger bläddrar du mellan de olika kodmallarna:

4. Ladda upp header på din blogg.
Gå in på Skapa > Bild.
När du skapat bilden klickar du på den, så att du får upp en ny sida med endast bilden på, och kopierar URL-koden (http://www.nånting.se..o.s.v)

Den ska klistras in i stilmallen där det står såhär:

#header {
background: #7e8a93 url(Addressen till headern) no-repeat left top;
margin-top: 0px;
padding: 0px 0px 0px 0px;
height: 336px;
text-align: left;
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
}

LYCKA TILL!

2009-09-02 @ 18:48:22 Bloggdesign Permalink

Kommentarer

Postat av: Therese [ Tescho ]

Svar: Varsågod :)

2009-09-03 @ 00:38:00
URL: http://tescho.se

Postat av: karro

Vilken fin bloggdesign du gjort :D

2009-09-04 @ 10:54:49
URL: http://dymn.blogg.se/

Trackback

En liten blogg

En blogg om allt och inget!

Gratis bloggdesign