допустим вот пример готового шаблона
незнаю как его сделать прикрепленным файлом
вот
<?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>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
*//* Variable Definitions
====================
<Variable name="textocolor" description="Text Color"
type="color" default="#63565f" value="#63565f">
<Variable name="enlacecolor" description="Link Color"
type="color" default="#cc0000" value="#cc0000">
<Variable name="colorenlaceencima" description="Hover Link Color"
type="color" default="#ff6600" value="#ff6600">
<Variable name="colortituloblog" description="Blog Title Color"
type="color" default="#660000" value="#660000">
<Variable name="descripcioncolor" description="Blog Description Color"
type="color" default="#cc0000" value="#cc0000">
<Variable name="colortituloentrada" description="Post Title Color"
type="color" default="#109dd0" value="#109dd0">
<Variable name="colormenu" description="Menu Color"
type="color" default="#cc0000" value="#cc0000">
<Variable name="colortituloslateral" description="Sidebar Title Color"
type="color" default="#660000" value="#660000">
<Variable name="colortextolateral" description="Sidebar Text Color"
type="color" default="#cc0000" value="#cc0000">
<Variable name="colortituloslateral2" description="Sidebar Title Color Right"
type="color" default="#660000" value="#660000">
<Variable name="colortextolateral2" description="Sidebar Text Color Right"
type="color" default="#cc0000" value="#cc0000">
*/
#outer-wrapper {
width: 1010px; margin: 0 auto;
}
/**/ * html .Header { height: 130px;} /* */
#navbar-iframe {
display:none !important;
}
/*-- (General) --*/
body { background: #f3f2e8 url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/bp.gif) no-repeat center top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; color:#35383d;}
html { padding: 0; margin: 0;}
a:link { text-decoration: none; color : $enlacecolor; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #cc0000; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #cc0000; border: 0px; -moz-outline-style: none;}
a:hover { text-decoration: underline; color : $colorenlaceencima; border: 0px; -moz-outline-style: none;}
a:focus { outline: none;-moz-outline-style: none;}
h1, h2, h3, h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px; }
form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
#main-wrapper {overflow:hidden;}
.clear {clear:both;}
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager {text-align: center; }
/*-- (Header) --*/
#header-wrapper {
width: 1010px;
margin: 0 auto;
position:relative;
min-height: 130px;
}
#header-inner {
float: right; width: 510px;
}
#header-wrapper h1 {
font-size: 55px; line-height: 55px; letter-spacing: -3px; padding: 0px; margin: 0px; font-weight: bold; font-family: "Trebuchet MS";position: absolute; top: 48px; color:$colortituloblog; }
#header-wrapper h1 a, #header-wrapper h1 { color:$colortituloblog; text-decoration: none; }
#header-wrapper h1 a:visited { color:#660000; text-decoration: none; }
#header-wrapper h1 a:hover { color:#660000; text-decoration: none; }
#header-wrapper p {
position: absolute; top: 105px; color:$descripcioncolor; font-size: 14px; line-height: 14px; font-weight: bold; font-family: "Trebuchet MS"; padding: 0px; margin: 0px;
}
/*-- (Menu) --*/
.Menu { width: 470px; padding: 0px 0px 0px 30px; float: left; position: absolute; top: 100px; }
.Menu em { display: none}
.Menu ul { list-style: none; margin: 0px; padding: 0px;}
.Menu ul li { padding: 0px; margin: 0px; display: inline; font-size: 14px; line-height: 14px; font-weight: bold; font-family: "Trebuchet MS"; }
.Menu ul li a { padding: 0px 0px 0px 9px; background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/menuleft.gif) no-repeat left top; float: left;}
.Menu ul li a span { padding: 4px 9px 9px 0px; display: block; background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/menuright.gif) no-repeat right top; float: right; }
.Menu ul li a span { float: none; color: $colormenu;}
.Menu ul li a:hover span { color: #cc0000;}
.Menu ul li a:hover { background-position: 0% -27px; color:#ffff99; text-decoration: none;}
.Menu ul li a:hover span { background-position: 100% -27px; color:#ffff99;}
.Menu ul li ul { display: none;}
/*-- (Content) --*/
#content-wrapper {
width: 980px; float: left; padding: 14px; border: solid 1px #e1dfd0; background: #fff;
}
/*-- (Main) --*/
#main-wrapper {
width: 435px; float: left; padding: 0px 15px 0px 15px;
}
.post {
padding: 15px 0px; position: relative; clear: left;
}
.PostHead { margin-left: 55px; }
.post-title, .post-title a { font-size: 24px; line-height: 24px; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 1px 0px; margin: 0px; }
.post-title a { color:$colortituloentrada; text-decoration: none;}
.post-title a:visited { color: #109dd0; text-decoration: none;}
.post-title a:hover { color:#000; text-decoration: none;}
.post-body { padding: 10px 0px 0px 0px; font-size: 13px; line-height: 1.4em ; color:$textocolor}
.post-body p { font-size: 13px; line-height: 1.4em;}
.post-body p strong {}
.post-body img {}
.post-body ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post-body ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.post-body ul { padding: 5px 0px; margin: 0px; }
.post-body ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/postcontentliicotr2.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post-body blockquote { padding: 10px; margin: 0px; color:#993366; background: #eaf7ff;}
.post-body blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 15px;}
.post-body blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 12px; line-height: 15px;}
.post-body blockquote a { color:#336699;}
.post-body blockquote a:visited { color:#336699;}
.post-body blockquote a:hover { color:#000033;}
/**/ * html .post-body p img {} /* */
.post-body p img { max-width: 420px;}
.post-body p img { width:expression(this.width > 420 ? "420px" : this.width); }
.post-body img { margin: 0px 10px 10px 0px; float: left; border:solid 1px #495b6b;}
.PostHead small {display:block; font-size:11px; font-weight:bold; line-height:14px; margin:0px; padding:0px; }
/**/ * html #fecha { left: -70px;} /**/
#fecha { padding: 0px; margin: 0px; position: absolute; left: -15px; top: 3px; background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/PostTimeBkg.gif) no-repeat; height: 71px; width: 67px; text-align: center; color:#fff; }
#fecha strong { display: block; line-height: 9px; font-family: 'Verdana';}
small#fecha {
padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; font-weight: bold; display: block
}
#fecha .fecha_dia{ font-size: 16px; line-height: 18px; letter-spacing: -1px; padding-top: 20px; font-family: 'Arial';}
#fecha .fecha_mes { font-size: 10px; text-transform: lowercase;}
#fecha .fecha_anio { padding-top: 7px; font-weight: normal; }
#fecha span {padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; font-weight: bold; display: block}
.post-labels { color:#ff6600; }
.post-labels a { color:#ff6600; text-decoration: none; }
.post-labels a:visited { color:#ff6600; text-decoration: none; }
.post-labels a:hover { color:#ff6600; text-decoration: none; }
.post-author {color:#999;}
.post-comment-link .comment-link {padding: 5px 0px 5px 20px;display: inline; color:#336699; font-size: 12px; background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/PostCom.png) no-repeat left center;}
.post-comment-link a {font-weight: bold; text-decoration: none; color:#ff6600;}
.post-comment-link li a:visited { font-weight: bold; text-decoration: none; color:#ff6600;}
.post-comment-link li a:hover { font-weight: bold; text-decoration: none; color:#cc0000;}
#blog-pager { font-size: 11px; padding: 10px 0px; color:#666; font-family: 'Verdana';}
#blog-pager a { padding: 1px 6px 1px 4px; font-size: 11px;}
#blog-pager a:visited { padding: 1px 6px 1px 4px; }
#blog-pager a:hover { padding: 1px 6px 1px 4px; text-decoration: none;}
/*-- (Sidebar) --*/
#sidebar-wrapper {
width: 500px; float: right; position: relative; padding: 0px;
}
#sidebar-itz { width: 320px; float: left; position: relative;}
#sidebar-izq { width: 320px; float: left; position: relative;}
#sidebar-izq .widget { background: #fff3e2 url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/SRL-widgetbkg.gif) repeat-x left top; padding: 10px; margin-bottom: 10px;}
#sidebar-izq .widget h2 { color:$colortituloslateral; font-size: 14px; border-bottom: solid 1px #ffe0bf; padding: 0px 0px 5px 0px; margin: 0px;}
#sidebar-izq .widget ul { margin: 0px; padding: 0px;}
#sidebar-izq .widget li { margin: 0px; padding: 0px; list-style-type: none; }
#sidebar-izq .widget a { color:$colortextolateral;}
#sidebar-izq .widget a:visited { color:#cc0000;}
#sidebar-izq .widget a:hover { color:#ff6600; text-decoration: none;}
/**/ *html .Search { height: 74px;} /**/
.Search { background: #cc0000 url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/Search.gif) no-repeat left top; right: 0px; padding: 45px 20px 20px 20px; min-height: 74px;}
.Search form { background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/SearchForm.gif) no-repeat left top; padding: 0px; margin: 0px; }
.Search input { color: #330033; font-size: 12px;}
.Search input.keyword { background: none; border: none; padding: 5px 0px 5px 8px; width: 240px; }
.Search input.search { width: 27px; height: 24px; background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/SearchButton.gif) no-repeat;}
.Search .bt { padding: 0px; margin: 43px 0px 0px 0px; top: 2px; background: none; position: absolute; right: 23px; }
.Syn ul { margin: 0px; padding: 5px 0px;}
.Syn li { background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/SynIco.png) no-repeat left center; margin: 0px 5px 0px 0px; padding: 3px 0px 3px 15px; list-style-type: none; font-size: 14px; color:#ffcc66; display: inline; font-weight: bold;}
.Syn li a {color:#fff; }
.Syn li a:visited {color:#fff; }
.Syn li a:hover {color:#fff; }
/* Description Blog */
.About { background: #ff6600 url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/AboutBkg.gif) no-repeat left bottom; padding: 0px 20px 10px 20px; color:#fff;}
.About h2 { padding: 0px; margin: 0px; font-size: 18px; font-weight: normal;}
.About p { padding: 5px 0px; margin: 0px; font-size: 13px; line-height: 16px;}
.Recent {
background:#FFE0BF url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/RecentBkg-1.gif) repeat-x scroll left top;
margin-bottom:10px;
padding:10px;
}
.TabMenu {
float:left;
margin:0px;
padding:0px;
}
.TabMenu li {
display:inline;
font-family:"Trebuchet MS";
font-size:14px;
font-weight:bold;
line-height:14px;
list-style-type:none;
margin:0px;
padding:0px;
text-transform:lowercase;
}
.TabMenu li a {
background:transparent url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/mleft.gif) no-repeat scroll left top;
float:left;
margin-right:7px;
padding:0px 0px 0px 9px;
}
.TabMenu li a span {
background:transparent url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/mright.gif) no-repeat scroll right top;
display:block;
float:right;
padding:4px 9px 9px 0px;
}
.TabMenu li a span {
color:#CC0000;
float:none;
}
.TabMenu li a:hover span {
color:#CC0000;
}
.TabMenu li a:hover {
background-position:0% -27px;
color:#FFFF99;
text-decoration:none;
}
.TabMenu li a:hover span {
background-position:100% -27px;
color:#FFFF99;
}
.TabLink a.active:link {
background-position:0% -27px;
color:#FFFF99;
text-decoration:none;
}
.TabLink a.active:link span {
background-position:0% -27px;
color:#FFFF99;
text-decoration:none;
}
.TabLink a.active:visited {
background-position:left bottom;
color:#FFFF99;
}
.TabLink a.active:visited span {
background-position:right bottom;
color:#FFFF99;
}
.TabContent {
clear:left;
padding-top:10px;
}
.TabContent ul {
margin:0px;
padding:0px;
}
.TabContent li {
border-bottom:1px solid #ECC9A5;
color:#000033;
font-size:13px;
list-style-type:none;
margin:0px;
padding:1px 0px;
}
.TabContent li a {
color:#336699;
text-decoration:none;
}
.TabContent li a:visited {
color:#336699;
text-decoration:none;
}
.TabContent li a:hover {
color:#000033;
text-decoration:none;
}
#sidebar-der { width: 165px; float: right; padding: 0px 0px 0px 0px;}
#sidebar-der h2 { color:$colortituloslateral2; font-size: 16px; border-bottom: solid 1px #eeede4; letter-spacing: -1px; padding: 5px 0px; margin: 0px;}
#sidebar-der ul { margin: 0px; padding: 0px;}
#sidebar-der li { margin: 0px; padding: 0px; list-style-type: none; }
#sidebar-der a { color:$colortextolateral2;}
#sidebar-der a:visited { color:#cc0000;}
#sidebar-der a:hover { color:#ff6600; text-decoration: none;}
#sidebar-der .widget { margin: 0px 0px 10px 0px; padding: 0px;}
#sidebar-der .widget ul { margin: 0px; padding: 0px;}
#sidebar-der .widget li { margin: 0px; padding: 1px 0px 1px 0px; list-style-type: none; font-size: 12px; border-bottom: solid 1px #eeede4; color:#999;}
#sidebar-der .widget li a { color:$colortextolateral2;}
#sidebar-der .widget li a:visited { color:#cc0000;}
#sidebar-der .widget li a:hover { color:#ff6600; text-decoration: none;}
#sidebar-wrapper .Label ul { margin: 0px; padding: 0px;}
#sidebar-wrapper .Label ul li { margin: 0px; padding: 1px 0px 1px 0px; list-style-type: none; font-size: 12px; border-bottom: solid 1px #eeede4; color:#999; font-weight: bold;}
#sidebar-wrapper .Label ul li a { color:#cc0000;}
#sidebar-wrapper .Label ul li a:visited { color:#cc0000;}
#sidebar-wrapper .Label ul li a:hover { color:#ff6600; text-decoration: none;}
.widget-content {
}
.sidebar .widget {
}
#footer-wrapper { width: 100%; float: left; padding: 0px;
}
#footer-wrapper { width: 980px; margin: 0 auto; background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/FooterIco.gif) no-repeat left center; padding: 10px 0px 10px 30px;}
#footer-wrapper p { font-size: 10px; line-height: 12px; color:#999; padding: 0px; margin: 0px; font-family: 'Verdana'; }
#footer-wrapper a { color:#999; text-decoration: underline;}
#footer-wrapper .links {
}
/*-- (Comments) --*/
#comments h4 {
font-size: 16px; letter-spacing: -1px; margin: 0px 0px 5px 0px; padding: 10px 0px; color:#660000; border-bottom: solid 2px #660000;
}
#comments dl {
padding: 0px; margin: 0px;
}
.comment-author { margin: 15px 0 0 0; padding: 0px; font-size: 11px; line-height: 12px; color:#999; font: bold 16px "Trebuchet MS", sans-serif; letter-spacing: -1px; color:#666;}
.comment-author a { color:#cc0000; text-decoration: none;}
.comment-body { margin: 10px 0px 0px 0px; padding: 0px; font-size: 12px; line-height: 16px; border-top: solid 1px #ccc;}
.comment-body p { margin: 0px; padding: 5px 0px; font-size: 12px; line-height: 16px;}
dd .comment-timestamp a {
color:#999999;
text-decoration:none;
}
dd.comment-footer {
margin-left:0; padding-left:0;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #sidebar, body#layout #main,
body#layout #main-wrapper,
body#layout #outer-wrapper,
body#layout #sidebar-wrapper {
padding: 0;
}
body#layout #outer-wrapper {
width: 740px;
margin-left: auto;
margin-right: auto;
}
body#layout #wrap2 {
width: 740px;
margin-left: auto;
margin-right: auto;
}
body#layout #content-wrapper {
margin-left: 0px;
margin-right: 0px;
width: 740px;
padding: 0;
}
body#layout #header-wrapper {
margin-left: 0px;
margin-right: 0px;
width: 740px;
padding: 0;
}
body#layout #footer-wrapper {
margin-left: 0px;
margin-right: 0px;
width: 740px;
padding: 0;
}
body#layout #header-inner {
margin-left: 0px;
margin-right: 0px;
width: 740px;
padding: 0;
}
body#layout .Menu {
margin-left: 0px;
margin-right: 0px;
width: 740px;
padding: 0;
}
body#layout #footer1 {
margin-left: 0px;
margin-right: 0px;
width: 740px;
padding: 0;
}
body#layout #main-wrapper {
margin-left: 0px;
margin-right: 0px;
width: 500px;
padding: 0 0 0 0;
}
body#layout #sidebar-wrapper {
margin-left: 0px;
margin-right: 0px;
width: 240px;
padding: 0 0 0 0px;
}
body#layout #container-bottom {
width:740px;
margin:0 auto;
padding-top:15px;
}
body#layout #sidebar-itz {
margin-left: 0px;
margin-right: 0px;
width: 110px;
padding: 0 0 0 0px;
}
body#layout #sidebar-der {
margin-left: 0px;
margin-right: 0px;
width: 110px;
padding: 0 0 0 0px;
}
body#layout #sidebar-izq {
margin-left: 0px;
margin-right: 0px;
width: 110px;
padding: 0 0 0 0px;
}
body#layout .container-top {
width:740px;
margin:0 auto;
padding-top:15px;
}
]]></b:skin>
<script>
function remplaza_fecha(d){
var da = d.split(' ');
dia = "<strong class='fecha_dia'>"+da[2].replace(/,/,"")+"</strong>";
mes = "<strong class='fecha_mes'>"+da[1].slice(0,3)+"</strong>";
anio = "<strong class='fecha_anio'>"+da[3]+"</strong>";
document.write(dia+mes+anio);
}
</script>
<script type="text/javascript">
// <![CDATA[
function display(id)
{
var zDD=document.getElementById('show').getElementsByTagName('div');
var ZON=document.getElementById('name_'+id);
for(var i=0;i<zDD.length;i++){
zDD[i].className='hide';
}
ZON.className='show';
var d1=document.getElementById('topTab');
dArr=d1.getElementsByTagName('a');
for(var i=0;i<dArr.length; i++)
{
if(id==(i+1))
{
str=dArr[i].className;
dArr[i].className=str.replace('_on','')+'_on';
}
else{
str=dArr[i].className;
dArr[i].className=str.replace('_on',''); }
}
/*
if(id==1){ d1.className='cautare_on'; d2.className='contulmeu';}
else{ d1.className='cautare'; d2.className='contulmeu_on'; }
*/
}
function ShowTab(T)
{
i = 0;
while(document.getElementById("tab" + i) != null){
document.getElementById("div" + i).style.display = "none";
document.getElementById("tab" + i).className = "";
document.getElementById("paging" + i).style.display = "none";
i++;
}
document.getElementById("paging" + T).style.display = "";
document.getElementById("div" + T).style.display = "";
document.getElementById("tab" + T).className = "active";
}
// ]]>
</script>
</head>
<body>
<div id='outer-wrapper'>
<div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<!-- (Header) -->
<div id='header-wrapper'>
<div id='header-in'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Dilectio (header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--Show just the image, no text-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width. This results in a margin-width's worth of pixels being cropped,
which is probably better than having them overflow out of the div.
-->
<b:if cond='data:blog.languageDirection == "rtl"'>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: right; " + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: left; " + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
<b:widget id='LinkList3' locked='true' title='Top Tabs' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:title'></b:if>
<div class='Menu'>
<ul>
<li class='page_item'><a href='/'><span>Home</span></a></li>
<b:loop values='data:links' var='link'>
<li class='page_item'><a expr:href='data:link.target'><span><data:link.name/></span></a></li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div><!-- header in -->
</div><!-- header wrapper -->
<!-- (Container) -->
<div id='content-wrapper'>
<!-- (Main) -->
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' 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 hentry uncustomized-post-template'><div class='PostHead'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2 class='post-title entry-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>
</h2>
</b:if>
<small id='fecha'>
<script>remplaza_fecha('<data:post.timestamp/>');</script>
</small>
<small class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</small>
<small 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>
</small>
</div>
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>
<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>
<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</p>
<p class='post-footer-line post-footer-line-2'/>
<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='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='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<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='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'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
</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 expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<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='data:comment.url' 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'>
<!-- posts -->
<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:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- (Sidebar) -->
<div id='sidebar-wrapper'>
<div id='sidebar-itz'>
<b:section class='sidebar-top' id='sidebar-top' preferred='yes'>
<b:widget id='SearchBox' locked='true' title='Search' type='HTML'>
<b:includable id='main'>
<div class='Search'>
<form expr:action='data:blog.homepageUrl + "search"' method='get'>
<b:if cond='data:title'></b:if>
<input class='keyword' name='q' type='text' value='' />
<div class='bt'>
<input alt='Search' class='search' name='submit' src='http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/buttontransparentkb4.png' title='Search' type='image'/>
</div>
</form>
<div class='Syn'>
<ul>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Entries</a> (RSS)</li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments</a> (RSS)</li>
</ul>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='About1' locked='false' title='About' type='HTML'>
<b:includable id='main'>
<div class='About'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<!-- if content is empty, show placeholder images -->
<b:if cond='data:content == ""'>
<p>This is the ideal place to describe the site, edit it sees "Template", "Edit html" and looks the same text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</b:if>
<p><data:content/></p>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<!-- Start Recent Comments/Articles -->
<div class="Recent">
<b:section class='sidebar-top-recent' id='sidebar-top-recent' preferred='yes'>
<b:widget id='Recent-Posts-Widget1' locked='false' title='Recent Posts' type='Feed'>
<b:includable id='main'>
<b:if cond='data:title'></b:if>
<div class='widget-content'>
<ul class="TabMenu">
<li class="TabLink"><a href="#top" id="tab0" onclick="ShowTab(0)"><span>Recent Articles</span></a></li>
<li class="TabLink"><a href="#top" id="tab1" onclick="ShowTab(1)"><span>Recent Comments</span></a></li>
<li class="NavLinks" id="paging0"><div style="display:none"></div></li>
<li class="NavLinks" id="paging1"><div style="display:none"></div></li>
</ul>
<div class="TabContent" style="display:none" id="div0">
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li>
<span class='item-title'>
<a expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
</span>
<b:if cond='data:showItemDate'>
<b:if cond='data:i.str_published != ""'>
<span class='item-date'>
- <data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if cond='data:showItemAuthor'>
<b:if cond='data:i.author != ""'>
<span class='item-author'>
- <data:i.author/>
</span>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='Recent-Comments-Widget1' locked='false' title='Recent Comments' type='Feed'>
<b:includable id='main'>
<b:if cond='data:title'></b:if>
<div class='widget-content'>
<div class="TabContent" style="display:none" id="div1">
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li>
<span class='item-title'>
<a expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
</span>
<b:if cond='data:showItemDate'>
<b:if cond='data:i.str_published != ""'>
<span class='item-date'>
- <data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if cond='data:showItemAuthor'>
<b:if cond='data:i.author != ""'>
<span class='item-author'>
- <data:i.author/>
</span>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<script type="text/javascript">ShowTab(0);</script>
</div>
<!-- End Recent Comments/Articles -->
</div>
<div id='sidebar-der'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='Label1' locked='false' title='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'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:include data='data' name='flat'/>
</div>
</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='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:widget id='LinkList1' locked='false' title='Links' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='sidebar-izq'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='LinkList2' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='AdSense1' locked='false' title='Sponsors' type='AdSense'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:adCode/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='clear'/>
</div> <!-- end content-wrapper -->
<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>
<!-- Don't delete or change please! We worked many hours converting this free template for you. All we ask in return is to keep the footer credits -->
<p><strong>Copyright © 2008 - <a expr:href='data:blog.homepageUrl' style='text-decoration: none;'><data:blog.title/></a> - is proudly powered by <a href='http://www.blogger.com/' style='text-decoration: none;'>Blogger</a></strong><br/>
<a href='http://blogger-templates.blogspot.com/' title='Blogger Templates'>Blogger Template</a></p>
</div>
</div> <!-- end outer-wrapper -->
</body>
</html>
в какое место надо вставлять счетчик тут и рекламу ?
счетчик надо справа в самом низу а рекламу сверху над заголовком и справа вверху над меню