Design #1 - Kategori (Html)

<!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}';">
</div>
<div id="wrapper" class="yui-gc">
<div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> »
<a href="${BlogUrl}">${BlogTitle}</a> » ${CategoryName}</div>
<div id="main" class="yui-u first">
<tag:entrylist limit="1000" maxchars="200">
<div class="entry">
<h2>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h2>
<div class="content">${EntryBody}</div>
<div class="meta" style="display: none";>
<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" style="
">
<div style="
border: solid 1px #f1f1f1;
">
<h6 id="linkback">
<a href="http://designmagasinet.blogg.no/">- Tilbake til forsiden</a>
</h6>
</div>
<tag:profile>
<tag:if test="${ProfileExists == 'true'}">
<div id="profile" class="clearfix">
<div>
<div style="
border: none;
">
<img src="https://secure.static.tumblr.com/23ff7dc70fa9a4621ba9a27b0e43e802/oc4wogz/yNvnojiuz/tumblr_static_filename_640_v2.jpg" style="
width: 100%;
margin-bottom: -12em;
">
<br><br>
<a href="${ProfileUrl}" title="${ProfileName}">
<img src="${ProfileImageUrl}" alt="${ProfileName}" />
</a>
</div>
</div>
<h2>
<a href="${ProfileUrl}" id="h2">${ProfileName}</a>
</h2>
<p>${ProfileAge}, ${ProfileFrom}</p>
<p id="info">${ProfileDescription}</p>
</div>
</tag:if>
</tag:profile>
<tag:include module="sidebar"></tag:include>
<div style="
border: solid 1px #f1f1f1;
padding-bottom: 20px;
">
<h6>Sosialt</h6>
<hr>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<div class="social-buttons">
<a href="#" class="social-button facebook"><i class="fa fa-facebook">
</i>
</a><a href="#" class="social-button twitter"><i class="fa fa-twitter">
</i>
</a><a href="#" class="social-button google"><i class="fa fa-google">
</i>
</a>
<a href="#" class="social-button dribbble"><i class="fa fa-dribbble">
</i>
</a>
</div>
</div>
<div style="
border: solid 1px #f1f1f1;
padding-bottom: 20px;
">
<h6>Instagram</h6>
<hr>
<iframe src="http://snapwidget.com/in/?h=cm9zYXxpbnwxMDB8Mnw1fHxub3w1fG5vbmV8b25TdGFydHx5ZXN8bm8=&ve=200715" title="Instagram Widget" class="snapwidget-widget" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:210px; height:525px"></iframe>
</div>
<div style="
border: solid 1px #f1f1f1;
">
<h6>Categories</h6>
<hr>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
</div>
<div style="
border: solid 1px #f1f1f1;
">
<h6>Arcives</h6>
<hr>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<div style="
border: solid 1px #f1f1f1;
">
<h6>Design</h6>
<center><a href="http://designmagasinet.blogg.no/"><img src="http://i.imgur.com/EsAEVXl.png"></a></center>
<br>
</div>
</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>