No sabía muy bien donde poner este post, pero bueno, aquí va. Tengo una plantilla de blogger de una columna (Black Minimalist) a la que le quiero incorporar una segunda columna (sidebar) a la derecha de la entradas del blog pero no consigo hacer que encaje. Si alguien me puede echar un cable se lo agradecería.
Actualmente el theme se ve así en el editor de blogger:
Quiero conseguir esto:
Este es el codigo de la plantilla:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "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/>
<b:skin><![CDATA[/*
/* **************************
Plantilla adaptada a Blogger por Blog and Web
Diseño original por Valter Nepomuceno.
Encuentra esta y más plantillas en:
http://www.blogandweb.com
Recuerda que esta plantilla es gratuita y esta
bajo una licencia Creative Commons Atribution.
Puedes usarla para fines personales o comerciales
pero NO REMOVER LOS CREDITOS
Algunos iconos por famfamfam.com
Una bonita forma de agradecer es dando un link a Blog and Web.
***************************** */
/* Definición de variables
====================
<Variable name="enlacecolor" description="Color de los enlaces (links)"
type="color" default="#EE0088" value="#EE0088">
<Variable name="colortituloentrada" description="Color del título de las entradas"
type="color" default="#444" value="#444444">
*/
#outer-wrapper {
}
#wrap2 {
background: url(http://img85.imageshack.us/img85/4237/bloggyminimalistanegroljt8.png);
text-align: left;
margin: 0px auto;
width: 1024px;
_width: 1024px;
}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
#top_layout {
background: url(http://4.bp.blogspot.com/_OzxDHEkWWxY/TMMFiRsgHaI/AAAAAAAAACk/gxViG0d9syA/s1600/Sin+t%C3%ADtulo-1.png);
width:1024px;
height:0px;
margin: 0px auto 0;
}
/*-- (Genrales) --*/
body {
font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif;
background-image: url(http://bp3.blogger.com/_Zuzii37VUO4/Rkn-D-MBVBI/AAAAAAAABOE/FmTz37LJOko/s1600/wallpaper.jpg);
text-align: center no-repeat;
margin: 0 0 30px;
}
h1, h2, h3, h4 {
font-family: 'Trebuchet MS', Verdana, Sans-Serif;
}
h1 {
font-size: 3em;
font-weight: bold;
letter-spacing: -1px;
padding-top: 75px;
margin: 0 0 0 40px;
width: 100%;
}
h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
text-decoration: none;
color: $colortituloblog;
}
a {
color:$enlacecolor;
text-decoration:none;
}
h1:hover {
text-decoration: underline;
}
code {
font: 1.1em 'Courier New', Courier, monospace;
}
acronym {
font-size: 0.9em;
letter-spacing: .07em;
border-bottom: 1px dashed #999;
cursor: help;
}
abbr {
font-size: 0.9em;
letter-spacing: .07em;
cursor: help;
}
blockquote {
margin: 20px 0;
padding: 0 20px 0 50px;
background: url(http://bp3.blogger.com/_Zuzii37VUO4/Rkn99-MBU8I/AAAAAAAABNc/Hk_TgcDEKno/s1600/quote.png) 5% no-repeat;
border: none;
}
hr {
display: none;
}
#main-wrapper {overflow:hidden;} .clear {clear:both;}
#blog-pager-newer-link {float: left;} #blog-pager-older-link {float: right;} #blog-pager {text-align: center; }
/*-- (Cabecera) --*/
#header-wrapper {
text-align:left;
width: 990px;
padding:0px;
margin:0px auto;
position: relative;
height: 200px;
background-image: url(http://2.bp.blogspot.com/_OzxDHEkWWxY/TMMFMQ6fgwI/AAAAAAAAACg/e4SCAKtqbLQ/s1600/header.jpg);
background-repeat: no-repeat;
}
#header-wrapper h1 {
}
#header-wrapper p { /* Blog description, under blog title */
font-size: 1em;
margin: 0 0 0 40px;
display: inline;
}
#header-wrapper a {
text-decoration: none;
}
#content-wrapper {
width: 655px;
_width: 655px;
padding: 15px 0 10px;
margin: 0 10px 0 30px;
_margin: 0 20px 0 15px;
}
/*-- (Menú) --*/
ul.menu {
margin: 0;
padding: 0;
position: absolute;
bottom: 0;
left: 700px;
width: 90%;
}
ul.menu li {
display: inline;
margin: 0;
}
ul.menu,
ul.menu li a {
padding: 15px 0px 15px;
}
ul.menu li a {
font: 1em Verdana, Helvetica, Arial, Sans-Serif;
color: #000;
margin: 0;
}
/*-- (Principal) --*/
#main-wrapper {
padding-bottom: 0px;
}
#main-wrapper h3, #main-wrapper h4 {
font-size: 2.2em;
font-weight: normal;
letter-spacing: -1px;
display: inline;
}
#main-wrapper a {
}
#main-wrapper a:hover {
}
.post {
margin-top: 10px;
}
.post-title, .post-title a {
font-family: 'Trebuchet MS', Verdana, Sans-Serif;
font-size: 1 em;
display: block;
padding: 15px 0 0;
color: $colortituloentrada;
text-decoration:none;
}
.post-body {
}
.date-header {
padding-left:20px;
padding-top:5px;
background: url(http://bp2.blogger.com/_Zuzii37VUO4/Rkn-DuMBU_I/AAAAAAAABN0/CNp5q8l_KY8/s1600/time.png) center left no-repeat;
}
.post-footer {
font-size: 1em;
display: block;
margin-top: 2px;
color: #bbb;
}
.post-footer a {
color: #777;
}
#blog-pager {
text-align: center;
margin: 10px 0 10px;
padding: 10px 0 0 0;
width: 100%;
}
#blog-pager a {
color: #999;
}
/*-- (Lateral) --*/
#sidebar-area {
float: right; /* flota a la derecha */
width: 390px; /* es tan ancha como la sidebar superior */
}
#sidebar-derecha {
float: right; /* flota a la derecha */
margin-left: 5px; /* margen izquierdo */
overflow: hidden;
width: 190px;
word-wrap: break-word;
}
#sidebar-izquierda {
float: right; /* flota a la derecha */
margin-right: 5px; /* margen derecho */
overflow: hidden;
width: 190px;
word-wrap: break-word;
}
#sidebar-inferior {
float: right; /* flota a la derecha */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
width:390px; /* el ancho */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
/*-- (Pie de página) --*/
#footer-wrapper {
margin: -6px auto 0 auto;
font-size: .9em;
line-height: 1.5em;
color: #FFF;
width:719px;
height:53px;
background-image: url(http://bp2.blogger.com/_Zuzii37VUO4/Rkn93uMBU1I/AAAAAAAABMk/1Djz7O_l61U/s1600/layout_bottom.png);
text-align: center;
}
#footer {
padding-top: 5px;
}
#footer-wrapper a {
color: #FFF;
font-weight: bold;
}
#footer-wrapper a:hover {
border: none;
font-weight: bold;
}
/*-- (Iconos)-- */
.post-labels {
padding-left:20px;
padding-top:5px;
background:transparent url(http://bp2.blogger.com/_Zuzii37VUO4/RfI1_yAns8I/AAAAAAAAAYI/5m8K2kkqYRw/s1600/etiqueta_naranja.gif) center left no-repeat;
}
.post-author {
padding-left:20px;
padding-top:5px;
background: url(http://bp1.blogger.com/_Zuzii37VUO4/RfebZS0300I/AAAAAAAAAcw/dBZjEJ39hDE/s1600/autor.gif) center left no-repeat;
}
.comment-link {
padding-left:20px;
padding-top:5px;
background: url(http://bp0.blogger.com/_Zuzii37VUO4/Rkn9gOMBUuI/AAAAAAAABLs/UYpaFsXr4V8/s1600/comment.png) center left no-repeat;
}
.feed-links {
padding-left:20px;
padding-top:5px;
background: url(http://bp0.blogger.com/_Zuzii37VUO4/Rj7ME-MBRJI/AAAAAAAAAwM/IOo-YUYR5aM/s1600/icono-feed.gif) center left no-repeat;
}
]]></b:skin>
<link href='http://plantillasblogyweb.googlepages.com/estilos-blogger.css' rel='stylesheet' type='text/css'/>
<link href='http://plantillasblogyweb.googlepages.com/blogy-minimalistanegro.css' rel='stylesheet' type='text/css'/> </head>
<body>
<div id='outer-wrapper'>
<div id='top_layout'/>
<div id='wrap2'>
<!-- links para navegadores de texto -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>ir a principal </a> |
<a href='#sidebar'>Ir a lateral</a>
</span>
<!-- (Cabecera) -->
<div id='header-wrapper'>
<ul class='menu'>
<li class='current_page_item'><a href='#'><img src='http://img98.imageshack.us/img98/4587/facebook64.png'/></a></li>
<li class='page_item'><a href='#'><img src='http://img98.imageshack.us/img98/4587/facebook64.png'/></a></li>
<li class='page_item'><a href='#'><img src='http://img443.imageshack.us/img443/1953/youtube64.png'/></a></li>
<li class='page_item'><a href='http://blogandweb.com'><img src='http://img443.imageshack.us/img443/1953/youtube64.png'/></a></li>
</ul>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='erikoptero (cabecera)' type='Header'>
<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: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-->
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-repeat: no-repeat; " + "width: " + data:width + "px; " + "height: " + data:height + "px;"' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:else/>
<a expr:href='data:blog.homepageUrl'/>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:else/>
<a expr:href='data:blog.homepageUrl'/>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- (Contenedor) -->
<div id='content-wrapper'>
<!-- (Principal) -->
<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='shareButtons' var='post'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</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 uncustomized-post-template'>
<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 class='post-body'>
<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'>
<b:if cond='data:post.dateHeader'>
<span class='date-header'><data:post.dateHeader/></span> |
</b:if>
<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>
<!-- 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'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<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='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='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup' style='width:100px;height:20px;'/>
</b:if>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</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='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='main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<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>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</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"'> <!-- 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='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='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:widget>
</b:section>
</div>
<!-- (Lateral) -->
<div id='sidebar-area'>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>
<div id='sidebar-derecha'>
<b:section class='sidebar' id='sidebarderecha' preferred='yes'/>
</div>
<div id='sidebar-izquierda'>
<b:section class='sidebar' id='sidebarizquierda' preferred='yes'/>
</div>
<div id='sidebar-inferior'>
<b:section class='sidebar' id='sidebarinferior' preferred='yes'/>
</div>
</div>
<!-- Limpiar flotación-->
<div class='clear'/>
</div></div> <!-- fin de capa content-wrapper -->
<!-- (Pie de página) -->
<div id='footer-wrapper'>
<div class='footer' id='footer'/>
<!-- RECUERDA QUE ESTA PLANTILLA ES GRATUITA, POR FAVOR NO REMUEVAS LOS CREDITOS -->
<p class='links'> Diseño original por
<a href='http://binarybonsai.com/'>Binary Bonsai</a>
| Adaptación a Blogger por
<a href='http://blogandweb.com/'>Blog and Web</a></p>
</div>
</div> <!-- fin de capa outer-wrapper -->
</body>
</html>
