Blue Box & Fire Box Template

Menanggapi permintaan teman-teman yang menginginkan tempate-template AdSense ready yang saya pakai, saya buatkan lagi new blogger template yang saya beri nama blue box template dan fire box template. Template ini sudah disertai Ad Code, anda tinggal mengganti Ad Code yang ada dengan yang anda punya, atau bisa juga diganti dengan Ad Code Bidvertiser atau AdBrite. Kalau mau lebih simple bisa juga anda ganti Publisher Code-nya saja. Silahkan lihat live demo-nya di sini atau di sini atau langsung copy xml template yang ada di bawah ini.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head><META content='e8f6efb16419114e' name='y_key'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='index, follow, all' name='robots'/>
<meta content='1 days' name='revisit-after'/>
<meta content='music software, music tutorial, music book, music studio, recording studio' name='Description'/>
<meta content='music software, music tutorial, music book, music studio, recording studio' name='Keywords'/>
<link href='http://alfariastudio.blogspot.com/feeds/posts/default' rel='alternate' title='free software - Atom' type='application/atom+xml'/>
<b:include data='blog' name='all-head-content'/>
<title>Alfaria Studio | Home Recording Resources, freeware 2007,</title>
<link href='http://favatar.myfavatar.com/jashanhoney.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://kaskus.us/images/smilies/smileyfm329wj.gif' rel='icon' type='image/png'/>
<b:skin><![CDATA[/*

/* ************ START OF CSS STYLING ************ */

/* Variable definitions
========================
<Variable name="bodybgColor" description="Body Background Color"
type="color" default="#222222" value="#000000">
<Variable name="postbgColor" description="Post Background Color"
type="color" default="#f5f5ff" value="#191919">
<Variable name="commentbgColor" description="Comment Background Color"
type="color" default="#d5d5dd" value="#777777">
<Variable name="sidebar1bgColor" description="Sidebar1 Background Color"
type="color" default="#f5f5ff" value="#f5f5ff">
<Variable name="sidebar1BorderColor" description="Sidebar1 Border Color"
type="color" default="#ff6600" value="#3D81EE">
<Variable name="sidebar2bgColor" description="Sidebar2 Background Color"
type="color" default="#333333" value="#000000">
<Variable name="sidebar3bgColor" description="Sidebar3 Background Color"
type="color" default="#333333" value="#000000">
<Variable name="footerbgColor" description="Footer Background Color"
type="color" default="#222222" value="#000000">

<Variable name="blogTitleColor" description="Blog Title Color"
type="color" default="#111111" value="#111111">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#111111" value="#111111">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#f5f5ff" value="#3D81EE">
<Variable name="postTitleColor" description="Post Title Color"
type="color" default="#f5f5ff" value="#3D81EE">
<Variable name="postTitleBgColor" description="Post Title Background Color"
type="color" default="#333333" value="#333333">
<Variable name="postTitleBorderColor" description="Post Title Border Color"
type="color" default="#999999" value="#3D81EE">
<Variable name="textColor" description="Text Color"
type="color" default="#777777" value="#3D81EE">
<Variable name="blockQuoteColor" description="Blog Quote Color"
type="color" default="#777777" value="#777777">
<Variable name="mainLinkColor" description="Link Color"
type="color" default="#ff6600" value="#3D81EE">
<Variable name="mainHoverLinkColor" description="Hover Link Color"
type="color" default="#ff6600" value="#3D81EE">

<Variable name="linkbarTextColor" description="Linkbar Text Color"
type="color" default="#ff6600" value="#3D81EE">
<Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color"
type="color" default="#ff8800" value="#3D81EE">
<Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color"
type="color" default="#ccffcc" value="#ccffcc">

<Variable name="sidebarHeaderBgColor" description="Sidebar Header Background Color"
type="color" default="#eeeeee" value="#eeeeee">
<Variable name="sidebarHeaderColor" description="Sidebar Header Color"
type="color" default="#338833" value="#3D81EE">
<Variable name="sidebarTextColor" description="Sidebar Text Color"
type="color" default="#99aa99" value="#3D81EE">
<Variable name="sidebarLinkColor" description="Sidebar Link Color"
type="color" default="#99aa99" value="#3D81EE">
<Variable name="sidebarHoverLinkColor" description="Sidebar Hover Link Color"
type="color" default="#ff0000" value="#C3D9FF">
<Variable name="postfooterTextColor" description="Post-Footer Text Color"
type="color" default="#775555" value="#f5fff8">
<Variable name="postfooterLinkColor" description="Post-Footer Link Color"
type="color" default="#775555" value="#99C9FF">
<Variable name="postfooterBgColor" description="Post-Footer Background Color"
type="color" default="#eeeeee" value="#191919">
<Variable name="commentTitleColor" description="Comment Title Color"
type="color" default="#993300" value="#3D81EE">
<Variable name="commentTextColor" description="Comment Text Color"
type="color" default="#555555" value="#3D81EE">
<Variable name="commentLinkColor" description="Comment Link Color"
type="color" default="#993300" value="#ff8800">
<Variable name="footerTextColor" description="Footer Text Color"
type="color" default="#555555" value="#3D81EE">

<Variable name="blogTitleFont" description="Blog Title Font"
type="font"
default="normal bold 250% 'bolts sf','commerce sf bold',georgia,Times, serif"
value="normal bold 250% 'bolts sf','commerce sf bold',georgia,Times, serif">
<Variable name="blogDescriptionFont" description="Blog Description Font"
type="font"
default="normal normal 120% impact,'commerce sf bold',verdana,Georgia, serif"
value="normal normal 120% impact,'commerce sf bold',verdana,Georgia, serif">
<Variable name="linkbarTextFont" description="Linkbar Text Font"
type="font"
default="normal bold 75% Georgia,Times,serif"
value="normal bold 75% Georgia,Times,serif">
<Variable name="dateHeaderFont" description="Date Header Font"
type="font"
default="normal bold 90% Verdana, sans-serif"
value="normal bold 90% Verdana, sans-serif">
<Variable name="postTitleFont" description="Post Title Font"
type="font"
default="normal bold 122% Times, serif"
value="normal bold 122% Times, serif">
<Variable name="textFont" description="Text Font"
type="font"
default="normal normal 80% Trebuchet, Trebuchet MS, Arial, sans-serif"
value="normal normal 80% Arial, sans-serif">
<Variable name="blockQuoteFont" description="Block Quote Font"
type="font"
default="italic normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif"
value="italic normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="sidebarHeaderFont" description="Sidebar Header Font"
type="font"
default="normal bold 130% 'Trebuchet MS',verdana,tahoma,Times"
value="normal bold 130% 'Trebuchet MS',verdana,tahoma,Times">
<Variable name="sidebarTextFont" description="Sidebar Text Font"
type="font"
default="normal normal 68% verdana,arial,times,'Trebuchet MS',Sans-serif"
value="normal normal 68% verdana,arial,times,'Trebuchet MS',Sans-serif">
<Variable name="postfooterTextFont" description="Post-Footer Text Font"
type="font"
default="normal normal 97% Trebuchet,Georgia, Times, serif"
value="normal normal 97% Trebuchet,Georgia, Times, serif">
<Variable name="commentTextFont" description="Comment Text Font"
type="font"
default="normal normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif"
value="normal normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="footerTextFont" description="Footer Text Font"
type="font"
default="normal normal 80% tahoma,garamond,helvetica,Sans-serif"
value="normal normal 80% tahoma,garamond,helvetica,Sans-serif">
*/

/* ----- GLOBAL ----- */

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: 920px;
text-align: left;
color: $textColor;
background: $bodybgColor;
font-family: verdana,helvetica,tahoma,arial,Sans-serif;
font-size: 100%;
}

#outer-wrapper {
margin: 0 auto; /* to make the template lays in the screen center */
padding: 0px 0px 0px 0px;
margin-top: 0px;
margin-top: 0px;
margin-bottom: 30px;
position: relative;
min-width: 920px;
max-width: 920px;
}

#content-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
text-align: left;
min-width: 920px;
max-width: 920px;
}

.clear {
clear: both;
line-height: 0;
height: 0;
}

/* global link attributes */
a, a:visited {
color: $mainLinkColor;
text-decoration: none;
}

a:hover {
text-decoration: underline;
color: $mainHoverLinkColor;
}

/* setting margin of Blogger Navbar */
#navbar-iframe {
display: none;
}

/* ----- HEADER ----- */

#header h1 {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: $blogTitleColor;
font: $blogTitleFont;
display: none;
visibility: hidden;
}

#header h1 a {
text-decoration: none;
color: $blogTitleColor;
}

#header h1 a:hover {
text-decoration: none;
}

#header .description {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: $blogDescriptionColor;
font: $blogDescriptionFont;
display: none;
visibility: hidden;
}

#header a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0;
position: absolute;
top: 0px;
left: 0px;
}

/* ----- LINKBAR ----- */

/* ----- MAIN ----- */

#main-wrapper {
display: inline; /* handles IE margin bug */
float: left;
margin: 0px 5px 0px 0px;
padding: 30px 0px 0px 0px;
min-width: 525px;
max-width: 525px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#main {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: 525px;
max-width: 525px;
color: $textColor;
font: $textFont;
}

#main .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

h2.date-header {
margin: 30px 0px 0px 0px;
padding: 0px 0px 5px 0px;
text-align: right;
color: $dateHeaderColor;
font: $dateHeaderFont;
text-transform: lowercase;
letter-spacing: 1px;
}

.date-header span {
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
}

.post {
margin: 0px 0px 0px 0px;
padding: 0px 20px 50px 20px;
line-height: 1.5em;
text-align: left;
background: $postbgColor;
}

.post h3 {
margin: 0px -20px 0px -20px;
padding: 3px 20px 3px 20px;
color: $postTitleColor;
font: $postTitleFont;
font-variant: small-caps;
text-decoration: none;
background: $postTitleBgColor;
border-top: 1px solid $postTitleBorderColor;
border-bottom: 1px solid $postTitleBorderColor;
}

.post h3 a, .post h3 a:visited {
color: $postTitleColor;
font: $postTitleFont;
font-variant: small-caps;
text-decoration: none;
}

.post-body p {
/* Fix bug in IE5/Win with italics in posts */
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
height: 1%;
overflow: visible;
}

.post ul {
margin: 0px 0px 0px 0px;
padding: 10px 0px 15px 50px;
list-style-type: circle;
line-height: 1.6em;
}

.post ol {
margin: 0px 0px 0px 0px;
padding: 10px 0px 15px 50px;
line-height: 1.6em;
}

.post li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 3px;
line-height: 1.6em;
}

a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----- SIDEBAR ----- */

.sidebar-wrapper {
display: inline; /* handles IE margin bug */
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

.sidebar {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
line-height: 1.4em;
color: $sidebarTextColor;
font: $sidebarTextFont;
}

#sidebar1 {
min-width: 337px;
max-width: 337px;
margin: 0px 5px 5px 0px;
padding: 19px 19px 19px 19px;
clear: right;
color: $sidebarHeaderColor;
background: $sidebar1bgColor;
border: 5px solid $sidebar1BorderColor;
}

.sidebar .widget {
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

.sidebar #sidebar1 .widget {
}

/* sidebar heading */

#sidebar1 h2, #sidebar2 h2, #sidebar3 h2 {
margin: 0px 0px 10px 0px;
padding: 1px 15px 1px 15px;
background: $sidebar1bgColor;
border: 1px dotted $sidebar1BorderColor;
color: $sidebarHeaderColor;
font: $sidebarHeaderFont;
text-transform: lowercase;
text-align: center;
}

.sidebar ul {
margin: 0px 0px 0px 0px;
padding: 0px 25px 0px 25px;
list-style-type: circle;
line-height: 1.4em;
}

.sidebar li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 3px;
}

.sidebar a, .sidebar a:visited {
color: $sidebarLinkColor;
}

#sidebar1 a, #sidebar1 a:visited {
color: $sidebarHeaderColor;
}

.sidebar a:hover {
text-decoration: underline;
color: $sidebarHoverLinkColor;
}

.sidebar a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----- PROFILE ----- */

.profile-img a img {
display: block;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
}

.profile-textblock {
margin: 0px 0px 0px 0px;
padding: 7px 10px 7px 10px;
clear: both;
line-height: 1.4em;
}

.profile-data {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
letter-spacing:.1em;
font-weight: bold;
line-height: 1.4em;
}

.profile-datablock {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.profile-link {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----- BLOCKQUOTE ----- */

blockquote {
margin: 25px 10px 25px 10px;
padding: 5px 0px 5px 0px;
color: $blockQuoteColor;
font: $blockQuoteFont;
line-height: 1.5em;
border-top: 1px dotted $blockQuoteColor;
border-bottom: 1px dotted $blockQuoteColor;
}

/* ----- CODE ----- */

code {
color: $postTitleColor;
}

/* ----- POST-FOOTER ----- */

.post-footer {
display: block;
margin: 30px 0px 0px 0px;
padding: 10px 15px 10px 15px;
text-align: left;
font: $postfooterTextFont;
color: $postfooterTextColor;
font-weight: normal;
background: $postfooterBgColor;
border: 1px dotted $postfooterTextColor;
}

.post-footer-line {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer a {
color: $postfooterLinkColor;
}

.post-footer a:hover {
text-decoration: none;
color: $mainHoverLinkColor;
}

.post-footer .post-comment-link a {
margin: 0px 10px 0px 10px;
padding: 5px 15px 5px 15px;
border: 1px dotted $postfooterLinkColor;
font-weight: bold;
background: $mainHoverLinkColor;
}

.post-footer .post-comment-link a:hover {
text-decoration: none;
background: $postfooterLinkColor;
color: $mainHoverLinkColor;
}

#blog-pager {
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
text-align: center;
}

#blog-pager-newer-link {
float: left;
margin: 0px 0px 0px 0px;
padding-left: 10px;
}

#blog-pager-older-link {
float: right;
margin: 0px 0px 0px 0px;
padding-right: 10px;
}

.feed-links {
margin: 0px 0px 0px 0px;
padding: 10px 20px 10px 20px;
clear: both;
line-height: 1.5em;
text-align: center;
color: $postTitleColor;
}

.feed-links a {color: $postTitleColor}
.feed-links a:hover {color: $postTitleColor}

/* ----- COMMENT ----- */

#comments {
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 20px;
text-align: right;
color: $commentTextColor;
font: $commentTextFont;
background: $postbgColor;
}

#comments a, #comment a:hover, #comment a:visited {
color: $commentLinkColor;
}

/* comment-header */
#comments h4 {
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 15px;
color: $commentTitleColor;
font: $sidebarHeaderFont;
font-variant: small-caps;
}

#comments-block {
margin: 0px 0px 3px 0px;
padding: 5px 15px 5px 15px;
text-align: left;
line-height: 1em;
background: $postfooterBgColor;
border: 1px dotted $postfooterTextColor;
}

.deleted-comment {
font-style:italic;
color:gray;
}

.comment-author {
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
color: $commentLinkColor;
}

.comment-body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
line-height: 1.4em;
}

.comment-footer {
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 30px;
border: 1px dotted $
}

#comments ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: disc;
}

#comments li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

a.comment-link {
/* ie5.0/win doesn't apply padding to inline elements,
so we hide these two declarations from it */
padding-left: 0px;
background: #ff0000;
}

html>body a.comment-link {
/* respecified, for ie5/mac's benefit */
padding-left: 0px;
background: #ff0000;
}

/* ----- FOOTER ----- */

#footer-wrapper {
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: 920px;
max-width: 920px;
background: $footerbgColor;
border-top: 1px solid $footerTextColor;
border-bottom: 1px solid $footerTextColor;
}

#footer {
margin: 0px 0px 0px 0px;
padding: 7px 20px 7px 20px;
text-align: center;
color: $footerTextColor;
font: $footerTextFont;
line-height: 1.2em;
}

#footer h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
font: $footerTextColor;
font-size: 100%;
font-weight: bold;
}

#footer .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.footer a {
color: $mainLinkColor;
}

/* ************ END OF CSS STYLING ************ */

/** Page structure tweaks for layout editor wireframe */

body#layout #main,
body#layout #sidebar {
padding: 0;
}
]]></b:skin>
</head>

<body>
<style type='text/css'>
#navbar-iframe {display:none;}
</style>
<div id='outer-wrapper'><div id='wrap2'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' showaddelement='no'/>
</div>

<div id='linkbar-wrapper'>
<b:section class='linkbar' id='linkbar' showaddelement='no'/>
</div>

<div id='content-wrapper'>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML14' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<div class='post-header-line-1'/>
<div style='float:center;'>
<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> 
</div>
<div><script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<br>
</br>
<div>
<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'><span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span> <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span> <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span> <span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
</span> </p>

<p class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span> </p>

<p class='post-footer-line post-footer-line-3'/>
</div>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>
<data:adEnd/>
</div>


<b:include name='nextprev'/>


<b:include name='feedLinks'/>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Tutorial Categories' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Tutorial Update' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
(<span class='post-count'><data:i.post-count/></span>)
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&amp;amp;amp;amp;amp;amp;toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>► </span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
</div>

<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar2' preferred='yes'/>
</div>

<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar3' preferred='yes'/>
</div>


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Text1' locked='false' title='' type='Text'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML12' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML13' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

</div></div> 

<p style='text-align:right;margin:20px 10px 0px 0px'>
<a href='http://errotic.blogspot.com/' style='font-family:verdana,helvetica;font-size:70%;color:#777777'>Template Design | Max Errot</a></p>


<script type='text/javascript'>
var dc_AdLinkColor = 'orange' ;
var dc_UnitID = 14 ;
var dc_PublisherID = 13704 ;
var dc_adprod = 'ADL' ;
</script>
<script src='http://kona.kontera.com/javascript/lib/KonaLibInline.js' type='text/javascript'>
</script>

</body>
</html>