Mis Plantillas

Plantilla: Mar

2008-04-22T12:59:00.005+02:00

Puedes ver una muestra de esta plantilla haciendo click sobre la imagen.

Si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Código de la Plantilla Mar:

<?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 expr:dir='data:blog.languageDirection' 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'>

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='http://4.bp.blogspot.com/_BBxuLH-PHNg/R7cQ0sok7UI/AAAAAAAABE8/DMTpnT8EN0M/s1600/faviluna.jpg' rel='shortcut icon' type='image/x-icon'/>
<link href='http://4.bp.blogspot.com/_BBxuLH-PHNg/R7cQ0sok7UI/AAAAAAAABE8/DMTpnT8EN0M/s1600/faviluna.jpg' rel='icon' type='image/png'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Mar
Diseñada: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 22 de Abril de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#3F4D4D">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#283838">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#063E3F">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#e6e6e6">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#A50A08">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#A50A08">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#1CB79F">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#A50A08">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#063E3F">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#1B703A">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 121% Georgia, Times, serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 86% Georgia, Times, serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="italic bold 303% Georgia, Times, serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic bold 105% Georgia, Times, serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic bold 69% Georgia, Times, serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {

color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-color: #001EA0;
background-image: url(http://3.bp.blogspot.com/_BBxuLH-PHNg/SA25AP3TI4I/AAAAAAAADHw/5XxqNLbt_54/s1600/mar.jpg);
background-attachment: fixed;
background-position: top center;
background-repeat: no-repeat;

}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:900px;
height: 300px;
background-image: url();
margin:0 auto ;
border:0px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:200px 50px .25em;
line-height:1.2em;

letter-spacing:.1em;
font: $pagetitlefont;
}

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

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:-.5em 5px 5px 5px;
padding:5px 10px 15px -15px;
max-width:700px;

letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1000px;
margin:1em 1px ;

padding:0px 1px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 450px;
float: left;
margin:0px 10px 5px 10px;
border: 10px groove $bordercolor;
background-color:#BAE1ED;
filter:alpha(opacity=50); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9;

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-wrapper {
margin:0px 10px 5px 0px;
background-color:#BAE1ED;
filter:alpha(opacity=50); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9;
border: 10px groove $bordercolor;
width: 300px;
float: $endSide;

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 */
}
#newsidebar-wrapper {
background-color:#BAE1ED;
filter:alpha(opacity=50); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9;
border: 10px groove $bordercolor;
width: 160px;
float: left;
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 */
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;

letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post p {
margin:0 0 .75em;
line-height:1.6em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;

letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:0px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;

letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;

letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
padding:10px 10px 10px;

}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 0px solid $bordercolor;
}

.profile-data {
margin:0;

letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;

letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer-wrapper {
background-color:#BAE1ED;
filter:alpha(opacity=50); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9;
border: 10px groove $bordercolor;
width:700px;
clear:both;
margin-left: 100px;
margin-right: 20px;

line-height: 1.6 em;
padding:15px 15px 15px;
letter-spacing:1 em;
text-align: left;
}

/* 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 {
padding: 0;
width: 700px;
padding: 0 ;
}

body#layout #sidebar-wrapper {
padding: 0;
width: 150px;
}

body#layout #newsidebar-wrapper {
padding: 0;
width: 150px;
}

body#layout #main-wrapper {
padding: 0;
width: 300px;
padding: 0;
}

body#layout #header-wrapper {
padding: 0;
width: 700px;
}

body#layout #footer-wrapper {
padding: 0;
width: 600px;
}

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

}

]]></b:skin>
</head>

<body>
<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' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='pruebas 2 (cabecera)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
</b:section>
</div>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<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:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
</div>


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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> 
<center><a href='http://mis-plantillas.blogspot.com/'>Abril 2008 | Diseñado por anita</a></center>
</body>
</html>

Icono comentarios

2008-04-21T12:06:00.017+02:00

Un simpático mensaje hacia tus lectores para que los comentarios alimenten tu blog.

Plantilla Hadas

2008-04-16T17:30:00.005+02:00

Puedes ver una muestra de esta plantilla haciendo click sobre la imagen.

Si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Código de la Plantilla Hadas:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml313/DTD/xhtml55-strict.dtd">
<html expr:dir='data:blog.languageDirection' 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'>

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='http://1.bp.blogspot.com/_BBxuLH-PHNg/R--_4nZpgLI/AAAAAAAACjA/shg77r91yMo/s1600/favi.gif' rel='shortcut icon' type='image/x-icon'/>
<link href='http://1.bp.blogspot.com/_BBxuLH-PHNg/R--_4nZpgLI/AAAAAAAACjA/shg77r91yMo/s1600/favi.gif' rel='icon' type='image/png'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Hadas
Diseñada: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 16 de Abril de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#EFD7EF">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#FAF5F9">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#FAF5F9">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#FAF5F9">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#9E5D86">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#D9BDCF">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#FAF5F9">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#D9BDCF">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#D9BDCF">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#EEDDEB">
<Variable name="footertexcolor" description="footer Text Color"
type="color" default="#4372b0" value="#b57da2">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 99% Georgia, Serif">
<Variable name="sidebarfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 68% Times, serif">
<Variable name="sidebartextfont" description="Sidebar Text Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 99% Times, serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 250% Georgia, Serif" value="normal bold 250% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 120% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal bold 119% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 74% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">

<Variable name="footertexfont" description=" Footer text Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 97% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

/* Use this with templates/template-twocol.html */

body {
background: #EFD7EF ;
margin:0 auto;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:999px;
height: 390px;
background:
url("http://2.bp.blogspot.com/_BBxuLH-PHNg/SAYC27q2odI/AAAAAAAADAU/e7-Uirb3nEg/s1600/cabecera401.gif") no-repeat ;
background-position: top left;
margin-left:0px;
}

#header-inner {
margin-left: 0;
margin-right: 0;
}

#header {

border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}

#header h1 {
margin:0 auto;
padding: 30px 190px 5px;
line-height:0em;
letter-spacing:.1em;
font: $pagetitlefont;
}

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

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
padding: 1px 190px 5px;
margin: 0 0 0;
letter-spacing:.1em;
line-height: .25em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 999px;
height: 0 auto;
text-align:left;
font: $bodyfont;
background:
url("http://1.bp.blogspot.com/_BBxuLH-PHNg/SAYCyrq2ocI/AAAAAAAADAM/vU8r6CRGm3E/s1600/contenido312.gif") repeat ;
background-position: top left;
}

#main-wrapper {
background: ;
margin: 0px 40px 10px 15px ;
width: 580px;
float: right;
padding: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-wrapper {
background: ;
padding-right: 0px;
margin: -8em 50px 0;
width: 250px;
float: left;
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 */
}

/* Headings
----------------------------------------------- */

h2 {

margin:1.5em 0 .75em;
font:$sidebarfont;
line-height: 1.4em;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
text-transform: capitalize;
margin:1.5em 30px .5em;
}

.post {
padding: -5px 30px 30px 30px;
margin:1em ;

}
.post h3 {
background: url("") no-repeat ;
margin:.25em 0 0;
padding:15px 10px 15px 15px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;

}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;

}

.post h3 strong, .post h3 a:hover {
color:$textcolor;

}

.post p {
margin:0 0 .75em;
line-height:1.6em;

}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;

letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;

}

.comment-link {
margin-$startSide:.6em;

}
.post img {
padding:2px;
border:0px solid $bordercolor;
}
.post blockquote {
margin:1em 2px;

}
.post blockquote p {
margin:.75em 0;

}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;

letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;

letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
padding:0px 70px 10px;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
margin: 0em 1em;
padding: 5px 5px 5px;
color: $sidebartextcolor;
font: $sidebartextfont;
line-height: 1.2em;

}

.sidebar h2{
background: url("")
no-repeat left;
height: 10px;
padding: 2px 2px 2px;

}

.sidebar ul {

list-style:none;
margin:1 1 1;

}
.sidebar li {

margin:0;
padding-top:2;
padding-$endSide:5;
padding-bottom:.25em;
padding-$startSide:5px;
text-indent:-15px;
line-height:1.5em;

}

.sidebar .widget, .main .widget {margin:0 0 1.5em;
padding:5px 5px 5px;}.main .Blog {
border-bottom-width: 0;
}

.main .Blog {
border-bottom-width: 0;

}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;

letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
background:
url("http://1.bp.blogspot.com/_BBxuLH-PHNg/SAYCyrq2ocI/AAAAAAAADAM/vU8r6CRGm3E/s1600/contenido312.gif") no-repeat ;
background-position: top left ;
color: #FAF5F9;
width:999px;
height: 0 auto;
padding: 0px 6px 5px 2px;

clear:both;
line-height: 1.2em;
letter-spacing:.2em;
text-align: center;
font: $footertexfont;

}

/* 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 {
padding: 0;
width: 765px;

padding: 0 5px 0 10px;
}

body#layout #sidebar1-wrapper {
padding: 0;
width: 150px;
height:0 auto;
}

body#layout #main-wrapper {
padding: 0;
width: 360px;
padding: 5px 10px 0 5px;
}

body#layout #header-wrapper {
padding: 0;
width: 750px;
}

body#layout #footer-wrapper {
padding: 0;
width: 750px;
}

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

]]></b:skin>

</head>

<body>
<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' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='pruebas 2 (cabecera)' type='Header'/>
</b:section>

</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<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:section>
</div>

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


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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div> </div> </div>

<center><a href='http://mis-plantillas.blogspot.com/'><font color='#AF729A'>Abril 2008 | Diseñado por anita</font></a></center>
</body>
</html>

Cabeceras para tu blog: 16 - 20

2008-04-13T13:21:00.023+02:00

Haz click sobre cada una de las imágenes para verlas a tamaño real y descargarla a tu pc .

Nº 16 - Tamaño: 850x300

Nº 6 - Tamaño: 85x250

Nº 18 - Tamaño: 850x250

Nº 19 - Tamaño: 850x200

Nº 20 - Tamaño: 900x200

Nº 22 - Tamaño: 900x250

Nº 23 - Tamaño: 850x250

Nº 24 - Tamaño: 850x300

Nº 25 - Tamaño: 890x290

Nº 26 - Tamaño: 900x300

Premios Dardo 2008

2008-04-12T15:26:00.005+02:00

Marichu desde su tierno y sensible blog relaciones empíricas me otorga este premio, lo recibo con mucho agrado ya que "mis plantillas" lleva muy poco tiempo en la blogosfera y algo así me da muchos ánimos para seguir haciendo esto que tanto me gusta.

Las condiciones del premio suponen otorgárselo a otros 15 blogs pero como ya he dicho, llevo poco tiempo así que lo paso de forma genérica a todos esos blogs maravillosos de ayuda que tanto nos aportan. Algunos de ellos los tengo puestos como blogs de ayuda en la sidebar. Desde luego no están todos los que son, pero en ellos he encontrado siempre la solución a mis problemas y con ellos aprendí lo suficiente para hacer este humilde blog. Gracias a todos.

Y Gracias Marichu.

Iconos de navegación

2008-04-06T20:57:00.001+02:00

Iconos para tu blog, un poco de todo:

Plantilla: Doce

2008-04-04T17:52:00.003+02:00

Puedes ver una muestra de esta plantilla haciendo click sobre la imagen.

Esta plantilla lleva incluido un menú de navegación, personalizarlo es muy sencillo, puedes consultar como hacerlo AQUÍ.

Si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Código de la Plantilla Doce:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml313/DTD/xhtml55-strict.dtd">
<html expr:dir='data:blog.languageDirection' 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'>

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='http://3.bp.blogspot.com/_BBxuLH-PHNg/R_Y9kXZpgzI/AAAAAAAACoA/t6n-InHiSnk/s1600/favi.gif' rel='shortcut icon' type='image/x-icon'/>
<link href='http://3.bp.blogspot.com/_BBxuLH-PHNg/R_Y9kXZpgzI/AAAAAAAACoA/t6n-InHiSnk/s1600/favi.gif' rel='icon' type='image/png'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Doce
Diseñada: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 04 de Abril de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#2D191A">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#ECE2CC">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#C8AE6A">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#BD9E4F">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#CEB87B">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#CEB87B">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#9A803A">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#397D59">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#F7F3EA">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#D7C493">
<Variable name="footertexcolor" description="footer Text Color"
type="color" default="#4372b0" value="#ECE2CC">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="italic normal 100% Georgia, Times, serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="italic bold 82% Verdana, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 250% Georgia, Serif" value="italic bold 275% Times, serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 120% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic bold 131% Times, serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic normal 74% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">

<Variable name="footertexfont" description=" Footer text Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic normal 97% Times, serif">

/* Use this with templates/template-twocol.html */

body {
background: #211010 ;
margin:0 auto;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:999px;
height: 341px;
background:#2D191A
url("http://2.bp.blogspot.com/_BBxuLH-PHNg/R_Y5PHZpgyI/AAAAAAAACn4/CuxtgwGNcB8/s1600/cabecera341.gif") no-repeat ;
background-position: top left;
}

#header-inner {
margin-left: 0;
margin-right: 0;
}

#header {

border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:0 auto;
padding: 60px 10px 5px;
line-height:0em;
letter-spacing:.1em;
font: $pagetitlefont;
}

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

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
padding: 1px 180px 5px;
margin: 0 0 0;
letter-spacing:.1em;
line-height: .25em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 990px;
height: 0 auto;
text-align:left;
font: $bodyfont;
background:#2D191A
url("http://1.bp.blogspot.com/_BBxuLH-PHNg/R_Y5L3ZpgxI/AAAAAAAACnw/z_JFBczoRJo/s1600/contenido391.gif") repeat ;
}

#main-wrapper {
background: ;
margin: 0 auto;
width: 550px;
float: left;
padding:5px 1px 1px;
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-wrapper {
background: ;
padding: 1px 0px 5px;
width: 180px;
float: right;
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 */
}

#newsidebar-wrapper {
background: ;
padding: 1px 12px 1px;
width: 230px;
float: left;
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 */
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:0em 80px .5em;
}

.post {
padding: 5px 30px 20px;
margin:1em ;

}
.post h3 {
background: url("http://3.bp.blogspot.com/_BBxuLH-PHNg/R_ZJFXZpg0I/AAAAAAAACoI/8_fIeoWqIhQ/s1600/fecha30.gif") no-repeat ;
widht: 30px;
height:30px;
margin:.25em 0 0;
padding:2px 40px 7px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;

}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;

}

.post h3 strong, .post h3 a:hover {
color:$textcolor;

}

.post p {
margin:0 0 .75em;
line-height:1.6em;

}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;

letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;

}

.comment-link {
margin-$startSide:.6em;

}
.post img {
padding:2px;
border:0px solid $bordercolor;
}
.post blockquote {
margin:1em 2px;

}
.post blockquote p {
margin:.75em 0;

}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;

letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;

letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
padding:0px 70px 10px;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
margin: 0em 1em;
padding: 0px 2px 2px;
color: $sidebartextcolor;
line-height: 1.5em;

}

.sidebar ul {
list-style:none;
margin:1 1 1;

}
.sidebar li {
margin:0;
padding-top:2;
padding-$endSide:5;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;

}

.sidebar .widget, .main .widget {margin:0 0 1.5em;

padding:0px 0px 0px;}.main .Blog {
border-bottom-width: 0;
}

.main .Blog {
border-bottom-width: 0;

}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;

letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
background:#000000
url("http://2.bp.blogspot.com/_BBxuLH-PHNg/R_Y5JHZpgwI/AAAAAAAACno/YlqPrX8IA5E/s1600/pie133.gif") no-repeat ;
background-position: top left ;
color: $footertexcolor;
width:999px;
height: 133px;
clear:both;
line-height: 1.2em;
letter-spacing:.1em;
text-align: center;
font: $footertexfont;

}

/* 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 {
padding: 0;
width: 765px;

padding: 0 5px 0 10px;
}

body#layout #sidebar1-wrapper {
padding: 0;
width: 150px;
height:0 auto;
}

body#layout #main-wrapper {
padding: 0;
width: 360px;
padding: 5px 10px 0 5px;
}

body#layout #header-wrapper {
padding: 0;
width: 750px;
}

body#layout #footer-wrapper {
padding: 0;
width: 750px;
}

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

#navcontainer ul
{
text-align:center;
padding-bottom: 10px;
padding-top: 85px;
padding-left: 0px;
margin-top: 0px;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: ;
color:;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */}#navcontainer ul li
{
background:
url("") no-repeat;display: inline;
padding-left: 10;
padding-right: 20;
padding-bottom:2px;
/* matches link padding except for left and right */
padding-top: 15px;
background-color: ;
}#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 15px;
padding-top: 15px;
color: #CEB87B;
text-decoration: none;
border-right: 0px solid #fff;
}#navcontainer ul li a:hover
{
background-color: ;
color: #397D59;}#navcontainer #active { border-left: 0px solid #fff;
}

]]></b:skin>

</head>

<body>
<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' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='pruebas 2 (cabecera)' type='Header'/>
</b:section>

<div id='navcontainer'>
<ul>

<li><a href='http://plantilla-doce.blogspot.com/'><b>Inicio</b></a></li>

<li><a href=''><b>Etiqueta 1</b></a></li>

<li><a href=''><b>Etiqueta 2</b></a></li>

<li><a href=''><b>Etiqueta 3</b></a></li>

<li><a href=''><b>Etiqueta 4</b></a></li>

<li><a href=''><b>Etiqueta 5</b></a></li>

<li><a href=''><b>Etiqueta 6</b></a></li>

</ul>
</div>

</div>

<div id='content-wrapper'>

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
</div>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<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:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
</b:section>
</div>


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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div> </div> </div>

<center><a href='http://mis-plantillas.blogspot.com/'><font color='#887544'><small>Abril 2008 | Diseñado por anita</small></font></a></center>
</body>
</html>

Nuevos fondos para tu blog: del 21 al 30.

2008-04-02T10:36:00.020+02:00

Imágenes y fondos que puedes usar para tus blogs , como fondo de escritorio o para cualquier cosa que se te ocurra.

nº 21 - Resolución: 1024 x 768

nº 22 - Resolución: 1024 x 768

nº 23 - Resolución: 1024 x 768

nº 24 - Resolución: 1024 x 768

nº 25 - Resolución: 1024 x 768

nº 26 - Resolución: 1024 x 768

nº 27 - Resolución: 1024 x 768

nº 28 - Resolución: 1024 x 768

nº 29 - Resolución: 1024 x 768

nº 30 - Resolución: 1024 x 768

Para usarlos como salvapantallas haz click sobre la imagen para verla ampliada y de nuevo haz click sobre ella con botón derecho y selecciona: "Establecer como fondo de escritorio" o "Set as Background", dependiendo del navegador que uses.

Plantilla Animales

2008-03-29T21:30:00.006+01:00

Puedes ver una muestra de esta plantilla haciendo click sobre la imagen.

Esta plantilla lleva incluido un menú de navegación, personalizarlo es muy sencillo, puedes consultar como hacerlo AQUÍ.

Si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Código de la Plantilla Animales:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml313/DTD/xhtml55-strict.dtd">
<html expr:dir='data:blog.languageDirection' 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'>

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='http://3.bp.blogspot.com/_BBxuLH-PHNg/R-5g-XZpfwI/AAAAAAAACfo/-ZTUd3zcXpE/s1600/favi.gif' rel='shortcut icon' type='image/x-icon'/>
<link href='http://3.bp.blogspot.com/_BBxuLH-PHNg/R-5g-XZpfwI/AAAAAAAACfo/-ZTUd3zcXpE/s1600/favi.gif' rel='icon' type='image/png'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Animales
Diseñada: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 29 de Marzo de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#D7963c">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#4A2F06">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#694109">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#694109">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#694109">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#482D06">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#8F5A0C">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#482D06">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#4E3207">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#8F5A0C">
<Variable name="footertexcolor" description="footer Text Color"
type="color" default="#4372b0" value="#5A3707">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 68% Times, serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 250% Georgia, Serif" value="normal bold 250% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 120% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal bold 119% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 74% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">

<Variable name="footertexfont" description=" Footer text Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 97% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

/* Use this with templates/template-twocol.html */

body {
background: #D7963C ;
margin:0 auto;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:999px;
height: 296px;
background:#D7963C
url("http://4.bp.blogspot.com/_BBxuLH-PHNg/R-5IRnZpftI/AAAAAAAACfI/0MZPTXYdTv8/s1600/cabecera296.gif") no-repeat ;
background-position: top center;
margin-left:1px;
}

#header-inner {
margin-left: 0;
margin-right: 0;
}

#header {

border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}

#header h1 {
margin:0 auto;
padding: 50px 180px 5px;
line-height:0em;
letter-spacing:.1em;
font: $pagetitlefont;
}

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

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
padding: 1px 180px 5px;
margin: 0 0 0;
letter-spacing:.1em;
line-height: .25em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 999px;
height: 0 auto;
text-align:left;
font: $bodyfont;
background: #D7963c
url("http://3.bp.blogspot.com/_BBxuLH-PHNg/R-5JEXZpfuI/AAAAAAAACfQ/iejGwIDIqd0/s1600/contenido440.gif") repeat ;
}

#main-wrapper {
background: ;
margin:-6em 15px 0px;
width: 600px;
float: $startSide;
padding: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-wrapper {
background: ;
padding-right: 0px;
margin:-6em 0 0;
width: 200px;
float: $endSide;
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 */
}
#newsidebar-wrapper {
background: ;
padding-right: 15px;
margin:-6em 0 0;
width: 150px;
float: right;
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 */
}

/* Headings
----------------------------------------------- */

h2 {

margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {

margin:1.5em 10px .5em;
}

.post {
padding: 5px 5px 5px;
margin:1em ;

}
.post h3 {
background: url("http://4.bp.blogspot.com/_BBxuLH-PHNg/R-5kknZpfyI/AAAAAAAACf4/5jYxalpGL64/s1600/huellas.gif") no-repeat ;
widht: 30px;
height:40px;
margin:.25em 0 0;
padding:12px 40px 7px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;

}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;

}

.post h3 strong, .post h3 a:hover {
color:$textcolor;

}

.post p {
margin:0 0 .75em;
line-height:1.6em;

}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;

letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;

}

.comment-link {
margin-$startSide:.6em;

}
.post img {
padding:2px;
border:0px solid $bordercolor;
}
.post blockquote {
margin:1em 2px;

}
.post blockquote p {
margin:.75em 0;

}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;

letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;

letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
padding:0px 70px 10px;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
margin: 0em 1em;
padding: 0px 5px 5px;
color: $sidebartextcolor;
line-height: 1.5em;

}

.sidebar h2{
background: url("http://4.bp.blogspot.com/_BBxuLH-PHNg/R-5ovnZpf1I/AAAAAAAACgQ/mPHjCGtCh7Y/s1600/barraco.gif")
no-repeat left;
height: 50px;
padding: 10px 22px 5px;

}

.sidebar ul {

list-style:none;
margin:1 1 1;

}
.sidebar li {

margin:0;
padding-top:2;
padding-$endSide:5;
padding-bottom:.25em;
padding-$startSide:5px;
text-indent:-15px;
line-height:1.5em;

}

.sidebar .widget, .main .widget {margin:0 0 1.5em;
padding:5px 5px 5px;}.main .Blog {
border-bottom-width: 0;
}

.main .Blog {
border-bottom-width: 0;

}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;

letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
background:
url("http://3.bp.blogspot.com/_BBxuLH-PHNg/R-5JKXZpfvI/AAAAAAAACfY/f38YM6gGDH8/s1600/pie113.gif") no-repeat ;
background-position: top left ;
color: $footertexcolor;
width:999px;
height: 113px;
clear:both;
line-height: 1.2em;
letter-spacing:.1em;
text-align: center;
font: $footertexfont;

}

/* 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 {
padding: 0;
width: 765px;

padding: 0 5px 0 10px;
}

body#layout #sidebar1-wrapper {
padding: 0;
width: 150px;
height:0 auto;
}

body#layout #main-wrapper {
padding: 0;
width: 360px;
padding: 5px 10px 0 5px;
}

body#layout #header-wrapper {
padding: 0;
width: 750px;
}

body#layout #footer-wrapper {
padding: 0;
width: 750px;
}

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

#navcontainer ul
{
text-align:left;
padding-bottom: 0px;
padding-top: 50px;
padding-left: 20px;
margin-top: 0px;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: ;
color:;
width: 90%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */}#navcontainer ul li
{
background:
url("") no-repeat;display: inline;
padding-left: 40;
padding-right: 20;
padding-bottom:2px;
/* matches link padding except for left and right */
padding-top: 15px;
background-color: ;
}#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 15px;
padding-top: 15px;
color: #694109;
text-decoration: none;
border-right: 0px solid #fff;
}#navcontainer ul li a:hover
{
background-color: ;
color: #FCEDD8;}#navcontainer #active { border-left: 0px solid #fff;
}

]]></b:skin>

</head>

<body>
<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' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='pruebas 2 (cabecera)' type='Header'/>
</b:section>

<div id='navcontainer'>
<ul>

<li><a href='http://plantilla-animales.blogspot.com/'>Inicio</a></li>

<li><a href=''>Etiqueta 1</a></li>

<li><a href=''>Etiqueta 2</a></li>

<li><a href=''>Etiqueta 3</a></li>

<li><a href=''>Etiqueta 4</a></li>

<li><a href=''>Etiqueta 5</a></li>

<li><a href=''>Etiqueta 6</a></li>

</ul>
</div>

</div>

<div id='content-wrapper'>

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
</div>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<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:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
</b:section>
</div>


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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div> </div> </div>

<center><a href='http://mis-plantillas.blogspot.com/'><font color='#A36C2D'>Marzo 2008 | Diseñado por anita</font></a></center>
</body>
</html>

Nuevos colores para la plantilla Diez

2008-03-29T18:04:00.013+01:00

Haz click sobre cada una de las imágenes para ver las plantillas de muestra.

Código de la Plantilla Diez Amarilla:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml313/DTD/xhtml55-strict.dtd">
<html expr:dir='data:blog.languageDirection' 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'>

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='http://1.bp.blogspot.com/_BBxuLH-PHNg/R-pM-3ZpfhI/AAAAAAAACdo/swXMrKQDl5o/s1600/favi-amarillo.gif' rel='shortcut icon' type='image/x-icon'/>
<link href='http://1.bp.blogspot.com/_BBxuLH-PHNg/R-pM-3ZpfhI/AAAAAAAACdo/swXMrKQDl5o/s1600/favi-amarillo.gif' rel='icon' type='image/png'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Diez Amarilla
Diseñada: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 26 de Marzo de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#E5F0FE">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#4c4c4c">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#9A803A">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#79642E">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#9A803A">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#79642E">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#9A803A">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#79642E">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#887544">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#678fc2">
<Variable name="footertexcolor" description="footer Text Color"
type="color" default="#4372b0" value="#006699">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 68% Times, serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 250% Georgia, Serif" value="normal bold 250% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 120% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal bold 119% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 74% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">

<Variable name="footertexfont" description=" Footer text Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 97% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

/* Use this with templates/template-twocol.html */

body {
background: #F5E8C4 ;
margin:0 auto;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:999px;
height: 279px;
background:#F5E8C4
url("http://4.bp.blogspot.com/_BBxuLH-PHNg/R-pM4nZpfgI/AAAAAAAACdg/9ZXezw9XKOE/s1600/plantilla-diez-amarilla%2Bcabecera-279.gif") no-repeat ;
background-position: top left;
}

#header-inner {
margin-left: 0;
margin-right: 0;
}

#header {

border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}

#header h1 {
margin:0 auto;
padding: 100px 180px 5px;
line-height:0em;
letter-spacing:.1em;
font: $pagetitlefont;
}

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

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
padding: 1px 180px 5px;
margin: 0 0 0;
letter-spacing:.1em;
line-height: .25em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 990px;
height: 0 auto;
text-align:left;

font: $bodyfont;
background:#F5E8C4
url("http://4.bp.blogspot.com/_BBxuLH-PHNg/R-pMvnZpffI/AAAAAAAACdY/p9zNaWZp5Co/s1600/plantilla-diez-amarilla%2Bcontenido-420.gif") repeat ;
}

#main-wrapper {
background: ;
margin:-2.5em 2px 0px;
width: 660px;
float: $startSide;
padding: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-wrapper {
background: ;
padding-right: 25px;
width: 300px;
float: $endSide;
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 */
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 65px .5em;
}

.post {
padding: 10px 70px 20px;
margin:1em ;

}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;

}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;

}

.post h3 strong, .post h3 a:hover {
color:$textcolor;

}

.post p {
margin:0 0 .75em;
line-height:1.6em;

}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;

letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;

}

.comment-link {
margin-$startSide:.6em;

}
.post img {
padding:2px;
border:0px solid $bordercolor;
}
.post blockquote {
margin:1em 2px;

}
.post blockquote p {
margin:.75em 0;

}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;

letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;

letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
padding:0px 70px 10px;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
margin: 0em 1em;
padding: 0px 20px 20px;
color: $sidebartextcolor;
line-height: 1.5em;

}

.sidebar ul {
list-style:none;
margin:1 1 1;

}
.sidebar li {
margin:0;
padding-top:2;
padding-$endSide:5;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;

}

.sidebar .widget, .main .widget {margin:0 0 1.5em;
padding:0 0 1.5em;
padding:10px 10px 10px;}.main .Blog {
border-bottom-width: 0;
}

.main .Blog {
border-bottom-width: 0;

}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;

letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
background:#F5E8C4
url("http://3.bp.blogspot.com/_BBxuLH-PHNg/R-pMqXZpfeI/AAAAAAAACdQ/8iummHbDLP8/s1600/plantilla-diez-amarilla%2Bpie-138.gif") no-repeat ;
background-position: top left ;
color: $footertexcolor;
width:999px;
height: 138px;
clear:both;
line-height: 1.2em;
letter-spacing:.1em;
text-align: center;
font: $footertexfont;

}

/* 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 {
padding: 0;
width: 765px;

padding: 0 5px 0 10px;
}

body#layout #sidebar1-wrapper {
padding: 0;
width: 150px;
height:0 auto;
}

body#layout #main-wrapper {
padding: 0;
width: 360px;
padding: 5px 10px 0 5px;
}

body#layout #header-wrapper {
padding: 0;
width: 750px;
}

body#layout #footer-wrapper {
padding: 0;
width: 750px;
}

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

]]></b:skin>

</head>

<body>
<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' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Plantilla: Diez Amarilla (cabecera)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<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:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Importante:' type='HTML'/>
<b:widget id='Poll1' locked='false' title='¿Te gusta esta plantilla?' type='Poll'/>
<b:widget id='Slideshow1' locked='false' title='Presentación' type='Slideshow'/>
<b:widget id='HTML1' locked='false' title='¿Quieres ver más plantillas?' type='HTML'/>
<b:widget id='Text1' locked='false' title='Caminante ...' type='Text'/>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
</div>


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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div> </div> </div>

<center><a href='http://mis-plantillas.blogspot.com/'><font color='#887544'>Marzo 2008 | Diseñado por anita</font></a></center>
</body>
</html>

Código de la Plantilla Diez Verde:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml313/DTD/xhtml55-strict.dtd">
<html expr:dir='data:blog.languageDirection' 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'>

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='http://4.bp.blogspot.com/_BBxuLH-PHNg/R-pMRnZpfZI/AAAAAAAACco/O_rmyvNcuTo/s1600/favi-verde.gif' rel='shortcut icon' type='image/x-icon'/>
<link href='http://4.bp.blogspot.com/_BBxuLH-PHNg/R-pMRnZpfZI/AAAAAAAACco/O_rmyvNcuTo/s1600/favi-verde.gif' rel='icon' type='image/png'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Diez Verde
Diseñada: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 27 de Marzo de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#B9D2B5">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#4c4c4c">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#465946">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#465946">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#6A886A">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#5F785F">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#6A886A">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#4c4c4c">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#678567">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#6A886A">
<Variable name="footertexcolor" description="footer Text Color"
type="color" default="#4372b0" value="#6A886A">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 68% Times, serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 250% Georgia, Serif" value="normal bold 250% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 120% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal bold 119% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 74% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">

<Variable name="footertexfont" description=" Footer text Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 97% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

/* Use this with templates/template-twocol.html */

body {
background:#B9D2B5 ;
margin:0 auto;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:999px;
height: 290px;
background:#B9D2B5
url("http://2.bp.blogspot.com/_BBxuLH-PHNg/R-pMLHZpfYI/AAAAAAAACcg/YXVrt9t0nX0/s1600/plantilla-diez-verde-cabec-290.gif") no-repeat ;
background-position: top left;
}

#header-inner {
margin-left: 0;
margin-right: 0;
}

#header {

border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}

#header h1 {
margin:0 auto;
padding: 100px 180px 5px;
line-height:0em;
letter-spacing:.1em;
font: $pagetitlefont;
}

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

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
padding: 1px 180px 5px;
margin: 0 0 0;
letter-spacing:.1em;
line-height: .25em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 990px;
height: 0 auto;
text-align:left;

font: $bodyfont;
background:#B9D2B5
url("http://3.bp.blogspot.com/_BBxuLH-PHNg/R-pMBXZpfXI/AAAAAAAACcY/_cub9IIxufs/s1600/plantilla-diez-verde-cont-294.gif") repeat ;
}

#main-wrapper {
background: ;
margin:-2.5em 2px 0px;
width: 660px;
float: $startSide;
padding: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-wrapper {
background: ;
padding-right: 25px;
width: 300px;
float: $endSide;
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 */
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 65px .5em;
}

.post {
padding: 10px 70px 20px;
margin:1em ;

}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;

}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;

}

.post h3 strong, .post h3 a:hover {
color:$textcolor;

}

.post p {
margin:0 0 .75em;
line-height:1.6em;

}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;

letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;

}

.comment-link {
margin-$startSide:.6em;

}
.post img {
padding:2px;
border:0px solid $bordercolor;
}
.post blockquote {
margin:1em 2px;

}
.post blockquote p {
margin:.75em 0;

}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;

letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;

letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
padding:0px 70px 10px;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
margin: 0em 1em;
padding: 0px 20px 20px;
color: $sidebartextcolor;
line-height: 1.5em;

}

.sidebar ul {
list-style:none;
margin:1 1 1;

}
.sidebar li {
margin:0;
padding-top:2;
padding-$endSide:5;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;

}

.sidebar .widget, .main .widget {margin:0 0 1.5em;
padding:0 0 1.5em;
padding:10px 10px 10px;}.main .Blog {
border-bottom-width: 0;
}

.main .Blog {
border-bottom-width: 0;

}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;

letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
background:#B9D2B5
url("http://1.bp.blogspot.com/_BBxuLH-PHNg/R-oVj3ZpfWI/AAAAAAAACcQ/OjjrVaACb3s/s1600/plantilla-diez-verde-pie-143.gif") no-repeat ;
background-position: top left ;
color: $footertexcolor;
width:999px;
height: 143px;
clear:both;
line-height: 1.2em;
letter-spacing:.1em;
text-align: center;
font: $footertexfont;

}

/* 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 {
padding: 0;
width: 765px;

padding: 0 5px 0 10px;
}

body#layout #sidebar1-wrapper {
padding: 0;
width: 150px;
height:0 auto;
}

body#layout #main-wrapper {
padding: 0;
width: 360px;
padding: 5px 10px 0 5px;
}

body#layout #header-wrapper {
padding: 0;
width: 750px;
}

body#layout #footer-wrapper {
padding: 0;
width: 750px;
}

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

]]></b:skin>

</head>

<body>
<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' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='pruebas 2 (cabecera)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<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:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
</div>


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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div> </div> </div>

<center><a href='http://mis-plantillas.blogspot.com/'><font color='#678567'>Marzo 2008 | Diseñado por anita</font></a></center>
</body>
</html>

Código de la Plantilla Diez Rosa:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml313/DTD/xhtml55-strict.dtd">
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml313/DTD/xhtml55-strict.dtd">
<html expr:dir='data:blog.languageDirection' 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'>

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='http://2.bp.blogspot.com/_BBxuLH-PHNg/R-pMmHZpfdI/AAAAAAAACdI/33aq3NPvvUc/s1600/favi-rosa.gif' rel='shortcut icon' type='image/x-icon'/>
<link href='http://2.bp.blogspot.com/_BBxuLH-PHNg/R-pMmHZpfdI/AAAAAAAACdI/33aq3NPvvUc/s1600/favi-rosa.gif' rel='icon' type='image/png'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Diez Rosa
Diseñada: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 28 de Marzo de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#E3CFE2">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#4c4c4c">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#6B506A">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#6B506A">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#977596">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#896788">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#816180">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#4c4c4c">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#977596">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#AC91AB">
<Variable name="footertexcolor" description="footer Text Color"
type="color" default="#4372b0" value="#977596">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 68% Times, serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 250% Georgia, Serif" value="normal bold 250% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 120% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal bold 119% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 74% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">

<Variable name="footertexfont" description=" Footer text Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 97% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

/* Use this with templates/template-twocol.html */

body {
background: #E3CFE2 ;
margin:0 auto;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:999px;
height: 281px;
background:#E3CFE2
url("http://1.bp.blogspot.com/_BBxuLH-PHNg/R-pMi3ZpfcI/AAAAAAAACdA/IgAE6KHPi1M/s1600/plantilla-diez-rosa-cabec-281.gif") no-repeat ;
background-position: top left;
}

#header-inner {
margin-left: 0;
margin-right: 0;
}

#header {

border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}

#header h1 {
margin:0 auto;
padding: 100px 180px 5px;
line-height:0em;
letter-spacing:.1em;
font: $pagetitlefont;
}

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

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
padding: 1px 180px 5px;
margin: 0 0 0;
letter-spacing:.1em;
line-height: .25em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 990px;
height: 0 auto;
text-align:left;

font: $bodyfont;
background:#E3CFE2
url("http://4.bp.blogspot.com/_BBxuLH-PHNg/R-pMcnZpfbI/AAAAAAAACc4/ARUnoVmJ00A/s1600/plantilla-diez-rosa-cont-319.gif") repeat ;
}

#main-wrapper {
background: ;
margin:-2.5em 2px 0px;
width: 660px;
float: $startSide;
padding: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-wrapper {
background: ;
padding-right: 25px;
width: 300px;
float: $endSide;
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 */
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 65px .5em;
}

.post {
padding: 10px 70px 20px;
margin:1em ;

}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;

}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;

}

.post h3 strong, .post h3 a:hover {
color:$textcolor;

}

.post p {
margin:0 0 .75em;
line-height:1.6em;

}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;

letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;

}

.comment-link {
margin-$startSide:.6em;

}
.post img {
padding:2px;
border:0px solid $bordercolor;
}
.post blockquote {
margin:1em 2px;

}
.post blockquote p {
margin:.75em 0;

}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;

letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;

letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
padding:0px 70px 10px;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
margin: 0em 1em;
padding: 0px 20px 20px;
color: $sidebartextcolor;
line-height: 1.5em;

}

.sidebar ul {
list-style:none;
margin:1 1 1;

}
.sidebar li {
margin:0;
padding-top:2;
padding-$endSide:5;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;

}

.sidebar .widget, .main .widget {margin:0 0 1.5em;
padding:0 0 1.5em;
padding:10px 10px 10px;}.main .Blog {
border-bottom-width: 0;
}

.main .Blog {
border-bottom-width: 0;

}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;

letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
background:#E3CFE2
url("http://3.bp.blogspot.com/_BBxuLH-PHNg/R-pMXXZpfaI/AAAAAAAACcw/Ll2XuDqr36U/s1600/plantilla-diez-rosa-pie-145.gif") no-repeat ;
background-position: top left ;
color: $footertexcolor;
width:999px;
height: 145px;
clear:both;
line-height: 1.2em;
letter-spacing:.1em;
text-align: center;
font: $footertexfont;

}

/* 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 {
padding: 0;
width: 765px;

padding: 0 5px 0 10px;
}

body#layout #sidebar1-wrapper {
padding: 0;
width: 150px;
height:0 auto;
}

body#layout #main-wrapper {
padding: 0;
width: 360px;
padding: 5px 10px 0 5px;
}

body#layout #header-wrapper {
padding: 0;
width: 750px;
}

body#layout #footer-wrapper {
padding: 0;
width: 750px;
}

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

]]></b:skin>

</head>

<body>
<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' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='pruebas 2 (cabecera)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<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:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
</div>


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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div> </div> </div>

<center><a href='http://mis-plantillas.blogspot.com/'><font color='#AC91AB'>Marzo 2008 | Diseñado por anita</font></a></center>
</body>
</html>

Y si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Plantilla Diez

2008-03-25T20:48:00.007+01:00

Puedes ver una muestra de esta plantilla haciendo click sobre la imagen.

Si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Código de la Plantilla Diez:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml313/DTD/xhtml55-strict.dtd">
<html expr:dir='data:blog.languageDirection' 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'>

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='http://4.bp.blogspot.com/_BBxuLH-PHNg/R-jxEHZpfRI/AAAAAAAACbo/sS7f-cu-z64/s1600/favi.gif' rel='shortcut icon' type='image/x-icon'/>
<link href='http://4.bp.blogspot.com/_BBxuLH-PHNg/R-jxEHZpfRI/AAAAAAAACbo/sS7f-cu-z64/s1600/favi.gif' rel='icon' type='image/png'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Diez
Diseñada: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 25 de Marzo de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#E5F0FE">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#4c4c4c">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#4372b0">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#E3E3E4">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#F5F5F5">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#4372B0">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#4c4c4c">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#4372b0">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#678fc2">
<Variable name="footertexcolor" description="footer Text Color"
type="color" default="#4372b0" value="#006699">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 68% Times, serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 250% Georgia, Serif" value="normal bold 250% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 120% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal bold 119% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 74% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">

<Variable name="footertexfont" description=" Footer text Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 97% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

/* Use this with templates/template-twocol.html */

body {
background: #9DBACF ;
margin:0 auto;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:999px;
height: 275px;
background:#9DBACF
url("http://1.bp.blogspot.com/_BBxuLH-PHNg/R-kN9HZpfSI/AAAAAAAACbw/1lmeQ1M8K94/s1600/cabecera275.gif") no-repeat ;
background-position: top left;
}

#header-inner {
margin-left: 0;
margin-right: 0;
}

#header {

border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}

#header h1 {
margin:0 auto;
padding: 100px 180px 5px;
line-height:0em;
letter-spacing:.1em;
font: $pagetitlefont;
}

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

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
padding: 1px 180px 5px;
margin: 0 0 0;
letter-spacing:.1em;
line-height: .25em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 990px;
height: 0 auto;
text-align:left;

font: $bodyfont;
background:#9DBACF
url("http://1.bp.blogspot.com/_BBxuLH-PHNg/R-kOCHZpfTI/AAAAAAAACb4/jNeCAmw0G84/s1600/contenido477.gif") repeat ;
}

#main-wrapper {
background: ;
margin:-2.5em 2px 0px;
width: 660px;
float: $startSide;
padding: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-wrapper {
background: ;
padding-right: 25px;
width: 300px;
float: $endSide;
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 */
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 65px .5em;
}

.post {
padding: 10px 70px 20px;
margin:1em ;

}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;

}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;

}

.post h3 strong, .post h3 a:hover {
color:$textcolor;

}

.post p {
margin:0 0 .75em;
line-height:1.6em;

}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;

letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;

}

.comment-link {
margin-$startSide:.6em;

}
.post img {
padding:2px;
border:0px solid $bordercolor;
}
.post blockquote {
margin:1em 2px;

}
.post blockquote p {
margin:.75em 0;

}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;

letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;

letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
padding:0px 70px 10px;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
margin: 0em 1em;
padding: 0px 20px 20px;
color: $sidebartextcolor;
line-height: 1.5em;

}

.sidebar ul {
list-style:none;
margin:1 1 1;

}
.sidebar li {
margin:0;
padding-top:2;
padding-$endSide:5;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;

}

.sidebar .widget, .main .widget {margin:0 0 1.5em;
padding:0 0 1.5em;
padding:10px 10px 10px;}.main .Blog {
border-bottom-width: 0;
}

.main .Blog {
border-bottom-width: 0;

}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;

letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
background:#9DBACF
url("http://2.bp.blogspot.com/_BBxuLH-PHNg/R-kOGXZpfUI/AAAAAAAACcA/YX2Qqf22GNg/s1600/pie96.gif") no-repeat ;
background-position: top left ;
color: $footertexcolor;
width:999px;
height: 96px;
clear:both;
line-height: 1.2em;
letter-spacing:.1em;
text-align: center;
font: $footertexfont;

}

/* 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 {
padding: 0;
width: 765px;

padding: 0 5px 0 10px;
}

body#layout #sidebar1-wrapper {
padding: 0;
width: 150px;
height:0 auto;
}

body#layout #main-wrapper {
padding: 0;
width: 360px;
padding: 5px 10px 0 5px;
}

body#layout #header-wrapper {
padding: 0;
width: 750px;
}

body#layout #footer-wrapper {
padding: 0;
width: 750px;
}

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

]]></b:skin>

</head>

<body>
<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' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='plantilla:diez (cabecera)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<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:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
</div>


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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div> </div> </div>

<center><a href='http://mis-plantillas.blogspot.com/'><font color='#E8E8E8'>Marzo 2008 | Diseñado por anita</font></a></center>
</body>
</html>

Fondos para tu blog: del 11 al 20.

2008-03-24T00:05:00.001+01:00

Imágenes y fondos que puedes usar para tus blogs , como fondo de escritorio o para cualquier cosa que se te ocurra.

nº 11 - Resolución: 1024 x 768

nº 12 - Resolución: 1024 x 768

nº 13 - Resolución: 1024 x 768

nº 14 - Resolución: 1024 x 768

nº 15 - Resolución: 1024 x 768

nº 16 - Resolución: 1024 x 768

nº 17 - Resolución: 1024 x 768

nº 18 - Resolución: 400 x 400

nº 19 - Resolución: 1000 x 1000

nº 20 - Resolución: 1000 x 1000

Plantilla: Niebla

2008-03-22T14:00:00.001+01:00

Puedes ver una muestra de esta plantilla haciendo click sobre la imagen.

Si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Código de la Plantilla Niebla:

<?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 expr:dir='data:blog.languageDirection' 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'>

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='http://2.bp.blogspot.com/_BBxuLH-PHNg/R9_vXlo6iRI/AAAAAAAAB-g/T5KSLo7AJHI/s1600/fevi.gif' rel='shortcut icon' type='image/x-icon'/>
<link href='http://2.bp.blogspot.com/_BBxuLH-PHNg/R9_vXlo6iRI/AAAAAAAAB-g/T5KSLo7AJHI/s1600/fevi.gif' rel='icon' type='image/png'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Niebla
Diseñada: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 18 de Marzo de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#000000">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333537">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#2C2E30">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#E7E7E7">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#E1E2E3">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#3D3F41">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#B8B5BB">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#484A4D">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#686C71">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="italic normal 109% Times, serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="italic bold 86% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">

<Variable name="titlefont" description="Post Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="italic bold 136% Trebuchet, Trebuchet MS, Arial, sans-serif">

<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="italic bold 374% Times, serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic bold 116% Times, serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic normal 86% Times, serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {

background:$bgcolor;

padding-left: 0px;
margin-top: 30px;

color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-color: #000000;
background-image: url(http://1.bp.blogspot.com/_BBxuLH-PHNg/R9-7CVo6iJI/AAAAAAAAB9g/mpWBWzJXjtU/s1600/noche.gif);
;

background-position: top center;
background-repeat: no-repeat;
border-color: #ffffff;
border-width:0px ;
border-style: solid;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:950px;
height: 300px;
background-image: url();
margin:0 auto ;
border:0px solid $bordercolor;
}

#header-inner {
background-position: right;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:0px 180px .25em;
line-height:1.2em;
letter-spacing:.1em;
font: $pagetitlefont;
}

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

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0px 180px 15px;
max-width:500px;

letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 990px;
margin: -1px ;

padding:0 auto ;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 650px;
float: $endSide;
margin-left: 5px;
margin-bottom: 10px;
border: 10px inset $bordercolor;
background-color:#C1C2C6;
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-wrapper {

width: 300px;
float: left;

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 */
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em ;
font:$headerfont;
line-height: 1.4em;

letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
padding:5px 5px 5px;

}

.post {

padding:5px 15px 5px;
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
background: url("http://1.bp.blogspot.com/_BBxuLH-PHNg/R9_0IVo6iUI/AAAAAAAAB-4/ZCSpXU65-Qw/s1600/ar50.gif") no-repeat ;
border-bottom: 2px solid #000000;
margin:.25em 0 0;
padding:5px 80px 7px;
font-size:140%;
font:$titlefont;
line-height:1.4em;
color:$titlecolor;

}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
padding:5px 5px 5px;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post p {
padding:5px 5px 5px;
margin:0 0 .75em;
line-height:1.6em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
padding:5px 5px 5px;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:0px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;

letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;

letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}
.sidebar h2{
background: url("http://2.bp.blogspot.com/_BBxuLH-PHNg/R9_vXlo6iRI/AAAAAAAAB-g/T5KSLo7AJHI/s1600/fevi.gif") no-repeat ;
border-bottom: 2px solid #000000;
height: 24px;
padding-left: 35px;

}

.sidebar ul {
list-style:none;
margin:0 0 0 ;
padding:0 0 0 ;
}
.sidebar li {
margin:0;
padding-top:2px;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

.main .widget {

border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.sidebar .widget{
background-image: url(http://2.bp.blogspot.com/_BBxuLH-PHNg/R9_eNlo6iNI/AAAAAAAAB-A/cUaJ3pBaFb4/s1600/fondo3.gif);
background-attachment: fixed;
background-position:left;
background-repeat: repeat;
filter:alpha(opacity=50); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;
border: 10px inset $bordercolor;
padding:5px 5px 5px;
margin:0 0 1.0em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 0px solid $bordercolor;
}

.profile-data {
margin:0;

letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;

letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer-wrapper {
background-image: url(http://2.bp.blogspot.com/_BBxuLH-PHNg/R9_eNlo6iNI/AAAAAAAAB-A/cUaJ3pBaFb4/s1600/fondo3.gif);
background-attachment: fixed;
background-position:center;
background-repeat: repeat;
filter:alpha(opacity=50); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;
border: 10px groove #B8B5BB;
width:700px;
clear:both;
margin-left: 100px;
margin-right: 20px;
float: center;
line-height: 1.6 em;
padding:15px 15px 15px;
letter-spacing:1 em;
text-align: left;
}

/* 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 {
padding: 0;
width: 700px;
padding: 0 ;
}

body#layout #sidebar-wrapper {
padding: 0;
width: 150px;
}

body#layout #main-wrapper {
padding: 0;
width: 300px;
padding: 0;
}

body#layout #header-wrapper {
padding: 0;
width: 700px;
}

body#layout #footer-wrapper {
padding: 0;
width: 600px;
}

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

}

]]></b:skin>
</head>

<body>
<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' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='pruebas 2 (cabecera)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<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:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
</b:section>
</div>


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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> 
<center><a href='http://mis-plantillas.blogspot.com/'>Marzo 2008 | Diseñado por anita</a></center>
</body>
</html>

Cabeceras para tu blog: 6 - 15

2008-03-20T01:36:00.003+01:00

Haz click sobre cada una de las imágenes para verlas a tamaño real y descargarla a tu pc .

Nº 6 - Tamaño: 900x250

Nº 7 - Tamaño: 800x200

Nº 8 - Tamaño: 900x250

Nº 9 - Tamaño: 800x200

Nº 10 - Tamaño: 850x200

Nº 11 - Tamaño: 900x250

Nº 12 - Tamaño: 900x250

Nº 13 - Tamaño: 800x200

Nº 14 - Tamaño: 900x250

Nº 15 - Tamaño: 850x293

Botones para tu email

2008-03-18T23:02:00.025+01:00

Colección de botones para decorar el correo de tu blog:

Plantilla: Puzzle chocolate

2008-03-17T21:43:00.005+01:00

Puedes ver una muestra de esta plantilla haciendo click sobre la imagen.

Si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Código de la Plantilla Puzzle Chocolate:

<?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 expr:dir='data:blog.languageDirection' 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'>
<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='http://2.bp.blogspot.com/_BBxuLH-PHNg/R97Sq1o6iHI/AAAAAAAAB9I/PkomMp6Hq7o/s1600/favicon.gif' rel='shortcut icon' type='image/x-icon'/>
<link href='http://2.bp.blogspot.com/_BBxuLH-PHNg/R97Sq1o6iHI/AAAAAAAAB9I/PkomMp6Hq7o/s1600/favicon.gif' rel='icon' type='image/png'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Puzzle chocolate
Diseñada: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 17 de Marzo de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#8A5E5E">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#533133">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#6A4646">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#F8F3F3">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#F8F3F3">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#6A4646">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#f1f1e9">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#6A4646">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#8A5E5E">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#804000">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 86% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 300% Georgia, Serif" value="normal bold 297% Verdana, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal bold 132% Verdana, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {
background:#8A5E5E;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:900px;
height: 231px;
margin:0 auto ;

background: url(http://3.bp.blogspot.com/_BBxuLH-PHNg/R96L-Fo6h3I/AAAAAAAAB7I/-VdLPnikZgY/s1600/puzle-chocolate-cab900-231.gif) bottom center no-repeat;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
width:720px;
height: 262px;
margin: 5px;
border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}

#header h1 {
max-width:500px;

margin:5px 5px 0;
padding:90px 15px .25em;
line-height:1.2em;

letter-spacing:.2em;
font: $pagetitlefont;
}

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

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:400px;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 960px;
margin:1em 20px;
padding:5px;
text-align:$startSide;
font: $bodyfont;

}

#main-wrapper {
margin-left: 20px;

width: 420px;
float: $startSide;
background:#DCC3C4;
margin:1em 10px;
padding:4px;
border: 4px solid #774F4F;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;

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-wrapper {
background: #DCC3C4;
width: 235px;
float: $endSide;
padding:2px 2px 2px;
margin:1em 2px;
border: 4px solid #774F4F;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
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 */
}
#newsidebar-wrapper {
background: #DCC3C4;
width: 235px;
float: left;
padding:2px 2px 2px;
margin:1em 2px;
border: 4px solid #774F4F;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
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 */
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;

letter-spacing:.2em;
color:$sidebarcolor;
padding: 2px 2px 15px;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}

.post {
margin:.5em 0 1.5em;

padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post p {
margin:0 0 .75em;
line-height:1.6em;
}

.post-footer {
background: url(http://4.bp.blogspot.com/_BBxuLH-PHNg/R97LKVo6iGI/AAAAAAAAB9A/RQj_OTWeupw/s1600/p-post2.gif) bottom center no-repeat;
width: 400px;
Height: 50px;

margin: .75em 0;
color:$sidebarcolor;

letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:0px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;

letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;

letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
padinng: 5px 5px;

}

.sidebar h2{
background: url(http://1.bp.blogspot.com/_BBxuLH-PHNg/R96f_lo6iDI/AAAAAAAAB8o/1TN73rVJLfw/s1600/200-51%C2%BA.gif) bottom center no-repeat;
width: 200px;
Height: 51px;
margin:0;
padding-left: 0px;
padding-top: 5px;
padding-bottom: -5px;

}

.sidebar ul {

list-style:none;
margin:1 1 1;
padding: 2px 2px 2px;

}
.sidebar li {

margin:5;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {

margin:0 0 1.5em;
padding:0 0 1.5em;
padding:10px 10px 10px;

}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;

letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
background-color:#DCC3C4 ;
width:700px;
padding:10px 10px 10px;
border: 4px solid #774F4F;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
letter-spacing:.1em;
text-align: left;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}

/* 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 {
padding: 0;
width: 730px;
padding: 0 ;
}

body#layout #sidebar-wrapper {
padding: 0;
width: 200px;
}

body#layout #main-wrapper {
padding: 0;
width: 400px;
padding: 0;
}

body#layout #header-wrapper {
padding: 0;
width: 700px;
}

body#layout #footer-wrapper {
padding: 0;
width: 700px;
}

/* End of Page structure tweaks for layout editor wireframe */
}

]]></b:skin>
</head>

<body>
<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' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='pruebas 2 (cabecera)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

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

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<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:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
</div>


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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> 
<center><a href='http://mis-plantillas.blogspot.com/'><font color='#CFADAF'>Marzo 2008 | Diseñado por anita</font></a></center>
</body>
</html>

Cabeceras para tu blog: del nº 1 al 5

2008-03-14T09:27:00.003+01:00

Os dejo algunas imágenes que os servirán como cabecera para vuestros blogs, están hechos por mi y conforme vaya haciendo más los iré añadiendo. Espero que os gusten.

Nº 1 - Tamaño: 700x200
Nº 2 -Tamaño: 700x200

Nº 3 -Tamaño: 850x200

Nº 4 -Tamaño: 700x200

Nº 5 -Tamaño: 850x200

Plantilla: Espiral roja

2008-03-13T20:05:00.002+01:00

Puedes ver una muestra de esta plantilla haciendo click sobre la imagen.

Esta plantilla lleva incluido un menú de navegación, personalizarlo es muy sencillo, puedes consultar como hacerlo AQUÍ.

Si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Código de la Plantilla Espiral Roja:

<?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 expr:dir='data:blog.languageDirection' 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'>

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>

<link href='http://3.bp.blogspot.com/_BBxuLH-PHNg/R9kC4wscE-I/AAAAAAAABv8/CbrukLi5G20/s1600/bola-roja-30x30.gif' rel='shortcut icon' type='image/x-icon'/>
<link href='http://3.bp.blogspot.com/_BBxuLH-PHNg/R9kC4wscE-I/AAAAAAAABv8/CbrukLi5G20/s1600/bola-roja-30x30.gif' rel='icon' type='image/png'/>
<head>

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Espiral Roja
Diseñada por: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 13 de Marzo de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#000000">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#512029">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#FFDFBF">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#4F0413">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#4F0413">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#4F0413">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#4F0413">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#FFDFBF">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#78303E">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 62% Courier, monospace">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 86% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {
background:#E00C35 url("")no-repeat;

margin:0;
background-position: right;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
background:#E00C35 url("http://1.bp.blogspot.com/_BBxuLH-PHNg/R9gqrgscE8I/AAAAAAAABvs/lkHvXfxFW0U/s1600/bolacristal267x200%C2%BA%C2%BA.gif")repeat;
width:800px;
height:200px;
margin:0 auto 10px;
border:0px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:195px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

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

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;

letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 900px;
margin:0 auto;
padding:0px ;
text-align:$startSide;
font: $bodyfont;

}

#main-wrapper {
border:3px dotted #B14760;
background:#A70A29;
width: 550px;
margin:20px 1px 10px;
padding: 5px 1px 5px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
float: $startSide;
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-wrapper {
background:#A70A29;
margin:20px 1px 10px;
padding: 5px 1px 5px;
border:3px dotted #B14760;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
width: 320px;
float: $endSide;
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 */
}

/* Headings
----------------------------------------------- */

h2 {
background:url("http://1.bp.blogspot.com/_BBxuLH-PHNg/R9gsEgscE9I/AAAAAAAABv0/HFD6dmAVsj0/s1600/bolacristal25x33.gif")repeat;
padding-top:3em;

width: 300px;
height:1px;
margin:1.6em 0 .75em;
text-aling:left;
font:$headerfont;
line-height: 1.4em;

letter-spacing:.1em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
background:#A70A29 ;
margin:3em 1em;

}
.post {
margin:0.2em 0 1.5em;
padding:0px 10px 10px;

padding-bottom:1.5em;
}

.post h3 {
background:url("http://3.bp.blogspot.com/_BBxuLH-PHNg/R9kyMVo6gzI/AAAAAAAABwU/LRjcFOkSK7g/s1600/bolacristal30-30.gif") no-repeat left top;
font-size:140%;
padding:0px 35px 5px;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;

}

.post p {

margin:0 0 .75em;
line-height:1.6em;

}

.post-footer {
background:url("http://4.bp.blogspot.com/_BBxuLH-PHNg/R9l5Flo6g4I/AAAAAAAABxA/cP03a8YWm6c/s1600/barrita-burdeos500-10%C2%BA.gif") no-repeat center bottom;
width:500px;
height:50px;
margin: .75em 0;
color:$sidebarcolor;

letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;

}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {

padding:8px 8px 8px;
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar ul {
margin:8px 8px 8px;
padding:8px 8px 8px;
list-style:none;

}
.sidebar li {
padding:8px 8px 8px;
margin:5;
padding-top:5;
padding-$endSide:5;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
padding:8px 8px 8px;
margin:0 0 1.5em;
padding:0 0 1.5em;

}

.main .Blog {
border-bottom-width: 0;

}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
border:3px dotted #B14760;
background:#A70A29;
height:auto;
width:900px;
clear:both;
margin:0 auto;
padding:10px 8px 8px;
padding-top:15px;
line-height: 1.6em;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
letter-spacing:.1em;
text-align: left;
}

#navcontainer ul
{text-align: left;
padding-bottom: 1px;
padding-top: 5px;
padding-left: 0px;
margin-top:70px;
margin-bottom: 1px;
margin-left: 5;
background-color: ;
color: white;
width: 100%;
text-position:left;
font-family: Arial,Helvetica,sans-serif;
line-height: 0px;
}
#navcontainer ul li

{
background: url("") no-repeat;
background-position:center;
border-bottom:0px dotted #C06370;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 6px;

padding-top: 15px;
background-color: #A70A29;
}#navcontainer ul li a
{
border-bottom:2px dotted #793141;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
padding-top: 15px;
color: #FFDFBF;
text-decoration: none;
border-right: 2px solid #B14760;
}#navcontainer ul li a:hover
{
background-color: #6C0909;
color: #FFDFBF;
border-bottom:2px dotted #D08C97;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}#navcontainer #active { border-left:0px solid #6C0909;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}

]]></b:skin>
</head>

<body>
<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' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='pruebas 2 (cabecera)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='navcontainer'>
<ul id='navlist'>
<li id='active'><a href='http://plantilla-espiralroja.blogspot.com/' id='current'>Inicio</a></li>

<li><a href='http://plantilla-espiralroja.blogspot.com/search/label/Entrada%20de%20Prueba'>Entrada de prueba</a></li>

<li><a href='http://plantilla-espiralroja.blogspot.com/search/label/Otra%20entrada%20de%20prueba'>Otra entrada de prueba</a></li>

<li><a href=''>Etiqueta</a></li>

<li><a href=''>Etiqueta</a></li>

</ul></div>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<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:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
</b:section>
</div>


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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> 
<center><a href='http://mis-plantillas.blogspot.com/'>Marzo 2008 | Diseñado por anita</a></center>

</body>
</html>

Plantilla: Hola

2008-03-09T03:25:00.008+01:00

Puedes ver una muestra de esta plantilla haciendo click sobre la imagen.

Esta plantilla lleva incluido un menú de navegación, personalizarlo es muy sencillo, puedes consultar como hacerlo AQUÍ.

Si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Código de la Plantilla Hola:

<?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'>

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='http://4.bp.blogspot.com/_BBxuLH-PHNg/R9M_HgscEiI/AAAAAAAABr8/Z0BwwVhJ3JY/s1600/favicon.bmp' rel='shortcut icon' type='image/x-icon'/>
<link href='http://4.bp.blogspot.com/_BBxuLH-PHNg/R9M_HgscEiI/AAAAAAAABr8/Z0BwwVhJ3JY/s1600/favicon.bmp' rel='icon' type='image/png'/>

<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Hola
Diseñada por: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 6 de Marzo de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#660000" value="#7E7E7E">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#ffffff">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#ffffff">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#ffffff">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#ffffff">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#808001" value="#E6E6E6">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#E6E6E6">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#333" value="#ffffff">
<Variable name="leftsidebarcolor" description="Left Sidebar Title Color"
type="color" default="#fff" value="#E6E6E6">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#333" value="#ffffff">
<Variable name="leftsidebartextcolor" description="Left Sidebar Text Color"
type="color" default="#ffc" value="#ffffff">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#D5D5D5">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="italic normal 98% Arial, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font" default="normal bold 86% Georgia, Times, serif" value="italic bold 114% Times, serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal bold 385% Georgia, Times, serif" value="normal bold 395% Times, serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal bold 186% Georgia, Times, serif" value="normal bold 182% Times, serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic bold 78% Times, serif">

<Variable name="titlefont" description="Post Title Font"
type="font"
default="normal bold 385% Georgia, Times, serif" value="italic bold 330% Times, serif">
*/

/* Use this with templates/template-twocol.html */

body {
background:#452C5D
url(http://1.bp.blogspot.com/_BBxuLH-PHNg/R87FBZALxmI/AAAAAAAABlE/7MSTDgbB7Kw/s1600/hola.gif) no-repeat;
margin-top:10px;
padding-left: 10px;

border-color: 0;
border-width:0px ;
border-style: solid;
color:$textcolor;
font:x-small Georgia Serif;
font-size /* */:/**/small;
font-size: /* */:/**/small;
text-align: left;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
max-width:999px;

margin:0 auto;
height: 285px;
background: url() bottom center no-repeat;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
padding: 180px 20px 20px 20px;
text-align: left;
color:$pagetitlecolor;
}

#header h1 {
max-width: 900px;
margin:-5px 100px 0;
padding:-1px 20px .50em;
font: $pagetitlefont;
}

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

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin: -1px 150px 51px;
padding: 150 100px 100px;
max-width:400px;

letter-spacing:.1.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
text-align: left;
}

#header img {
margin-left: auto;
margin-right: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 985px;

background: ;
margin:0 auto;
text-align:center;
font: $bodyfont;
}

#content-wrapper {
width: 951px;
height: 0 auto;
margin: 0 auto;
padding: 0;

}

#main-wrapper {
height: 0 auto;
width: 600px;
float: left;
border: 4px inset #851923;
background: #7961AA;
margin-left: 0px;
margin-right: 0px;
margin:0px 15px 20px;
padding: 0px 1px 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 */
}

#left-sidebar-wrapper {
background: #7961AA;
border: 4px inset #851923;
width: 300px;
float: left;
text-align: left;
padding-left: 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 */
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-align: left;
letter-spacing:.2em;
color:$sidebarcolor;
padding: 15px 15px 15px;
}

#left-sidebar h2 {
margin: 15px 5px 5px;
padding: 5px 15px 5px;
font:$headerfont;
line-height: 1.4em;
text-align: left;
letter-spacing:.2em;
color:$leftsidebarcolor;
background:#4D3469 url("http://3.bp.blogspot.com/_BBxuLH-PHNg/R9NCxQscEjI/AAAAAAAABsE/sQVB2B3g3Ak/s1600/300x40.gif");
background-position:center;
border: 2px inset #851923;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
font-size:95%;
text-align: left;
}

.post {

margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
text-align: left;
padding: 0px 10px;
}
.post h2 {

margin:.25em 0 0;
padding:0 0 0px;
font-size:120%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
text-align: left;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
font-size: 150%;
padding:2px 2px 2px;
margin:.1em 0 -1em;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post p {
margin:0 0 .75em;
line-height:1.6em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
background:#4D3469 url("http://2.bp.blogspot.com/_BBxuLH-PHNg/R9NFLAscElI/AAAAAAAABsU/4CB5to3y0gc/s1600/800x40.gif");
background-position:center;
border: 2px inset #851923;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
text-align: left;
padding: 2px 15px 2px;
}

.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 10px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;

letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;

letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;

}

.left-sidebar {
color: $leftsidebartextcolor;
line-height: 1.5em;
padding: 15px 15px ;

}

.sidebar ul {
list-style:none;
margin:5px 5px 5px ;
padding: 5px 5px 5px ;

}
.sidebar li {

margin:5px 5px 5px ;

padding:0 0 .25em 12px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;

letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer-wrapper {
max-width:900px;
clear:both;
margin:0 auto;
padding:10px 10px 10px;
border: 4px inset #851923;
background: #7961AA;
height: 100px;
padding-top:15px;
text-align: center;
line-height: 1.6em;
letter-spacing:.1em;
text-align: left;

}

/** Page structure tweaks for layout editor wireframe */
body#layout #header-wrapper {
max-width: 900px;
margin-left: 5px;
margin-right: 5px;
}

body#layout #outer-wrapper {
max-width: 800px;
margin: 0 auto;
}

body#layout #content-wrapper {
max-width: 700px;
margin: 0 auto;
}

body#layout #left-sidebar-wrapper {
max-width: 200px;
}

body#layout #sidebar-wrapper {
max-width: 200px;
}
body#layout #main-wrapper {
max-width: 400px;
}

body#layout #footer-wrapper {
margin: 0 auto;
max-width: 700px;
}

#navcontainer ul
{
text-align: left;
padding-bottom: 10px;
padding-top: 15px;
padding-left: 0;
margin-top: 5;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 5;
background-color:;
color: ;
text-position:center;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 5px;
/* fixes Firefox 0.9.3 */

}

#navcontainer ul li
{
border-bottom:4px solid #CCA0A4;

display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 4px;
/* matches link padding except for left and right */
padding-top: 15px;

background:#4D3469 url("http://4.bp.blogspot.com/_BBxuLH-PHNg/R9M9cgscEhI/AAAAAAAABr0/OZzrfS_v1wQ/s1600/Untitled-1%C2%BA.gif");
background-position:right;
}

#navcontainer ul li a
{
border-bottom:4px solid #B06F75;
padding-left: 25px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 15px;
color: white;
text-decoration: none;
border-right: 4px solid #561017;

}

#navcontainer ul li a:hover
{
border-bottom:4px solid #561017;
background-color: #51386C;
color: white;

}

#navcontainer #active { border-left: 0px solid #561017;
}

]]></b:skin>

</head>

<body>
<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' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Pruebas 1 (cabecera)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='navcontainer'>
<ul id='navlist'>
<li id='active'><a href='' id='current'>Inicio</a></li>

<li><a href=''>Etiqueta 1</a></li>

<li><a href=''>Etiqueta 2</a></li>

<li><a href=''>Etiqueta 3</a></li>

<li><a href=''>Etiqueta 4</a></li>

</ul></div>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
<div id='left-sidebar-wrapper'>
<b:section class='left-sidebar' id='left-sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
</b:section>
</div>
<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:section>
</div>

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


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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> 
<center><a href='http://mis-plantillas.blogspot.com/'><font color='#9582BB'>Marzo 2008 | Diseñado por anita</font></a></center>

</body>
</html>

Plantilla: Melisa

2008-03-01T14:57:00.003+01:00

Puedes ver una muestra de esta plantilla haciendo click sobre la imagen.

Si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Código de la Plantilla Melisa:

<?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 expr:dir='data:blog.languageDirection' 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'>
<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='http://4.bp.blogspot.com/_BBxuLH-PHNg/R8LoE8ok9sI/AAAAAAAABaQ/ULOW6foxK8s/s1600/favicon.jpg' rel='shortcut icon' type='image/x-icon'/>
<link href='http://4.bp.blogspot.com/_BBxuLH-PHNg/R8LoE8ok9sI/AAAAAAAABaQ/ULOW6foxK8s/s1600/favicon.jpg' rel='icon' type='image/png'/>

<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Melisa
Diseñada: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 1 de Marzo de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#660000" value="#FCFCFC">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#093961">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#43B8C5">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#297D87">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#36A5B1">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#808001" value="#2C848D">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#6394B2">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#333" value="#30909C">
<Variable name="leftsidebarcolor" description="Left Sidebar Title Color"
type="color" default="#fff" value="#DCDCDC">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#333" value="#DCDCDC">
<Variable name="leftsidebartextcolor" description="Left Sidebar Text Color"
type="color" default="#ffc" value="#DCDCDC">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#0C4D81">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="italic normal 98% Arial, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font" default="normal bold 86% Georgia, Times, serif" value="italic bold 104% Times, serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal bold 385% Georgia, Times, serif" value="normal normal 330% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal bold 186% Georgia, Times, serif" value="normal normal 150% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic bold 78% Times, serif">

<Variable name="titlefont" description="Post Title Font"
type="font"
default="normal bold 385% Georgia, Times, serif" value="italic bold 330% Times, serif">
*/

/* Use this with templates/template-twocol.html */
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align:center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:1000px;
height: 330px;
background: url(http://2.bp.blogspot.com/_BBxuLH-PHNg/R8Lnmcok9pI/AAAAAAAABZ4/CVU6VfwHUmY/s1600/cabecera%2B999x330.jpg) bottom center no-repeat;

margin:0 auto ;
border:0px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 0px;
border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:40px 30px .25em;
line-height:1.2em;

letter-spacing:.2em;
font: $pagetitlefont;
}

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

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 30px 15px;
max-width:700px;

letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin- auto;
margin- auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1000px;
height: 0 auto;
background: url(http://3.bp.blogspot.com/_BBxuLH-PHNg/R8Ln9sok9qI/AAAAAAAABaA/2mYZeVkSRhg/s1600/content%2B999x498.jpg) top center repeat-y;
margin:0 auto;
padding:0px;
text-align:left;
font: $bodyfont;
}
#content-wrapper {
width: 900px;
height: 0 auto;
margin: 0 auto;
padding: 0;

}

#main-wrapper {
width: 480px;
float: right;
margin: 60px ;
padding: 5px;
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-wrapper {
width: 200px;
height: auto;
float: left;
margin: 5px;
padding: 20px;
text-padding: left;
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 */
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post p {
margin:0 0 .75em;
line-height:1.6em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-center:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: center;
}

#blog-pager-older-link {
float: ;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-0;
padding-bottom:.25em;
padding-15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: ;
margin-top: 0;
margin- 5px;
margin-bottom: 5px;
margin-: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer-wrapper {
width:1000px;
height: 0 auto;
clear:both;
margin:0 auto;
background: url(http://1.bp.blogspot.com/_BBxuLH-PHNg/R8LoCMok9rI/AAAAAAAABaI/0AIWb1LVFDM/s1600/footer999x247.jpg) bottom center no-repeat;
height: 351px;
padding-top:15px;
text-align: center;
}

#footer {
width: 650px;
height: 0 auto;
float: right;
margin: 0 auto;
padding: 4px 30px 10px;
}

]]></b:skin>
</head>

<body>
<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' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='pruebas 2 (cabecera)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<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:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
</b:section>
</div>


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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> 

<center><a href='http://mis-plantillas.blogspot.com/'><small>Marzo 2008 | Diseñado por anita</small></a></center>
</body>

</html>

Plantilla Bart

2008-02-29T19:01:00.008+01:00

Puedes ver una muestra de esta plantilla haciendo click sobre la imagen.

Si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Código de la Plantilla Bart:

<?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'>

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='http://4.bp.blogspot.com/_BBxuLH-PHNg/R7xUWcok9DI/AAAAAAAABTE/8ZGI8kGaJMc/s1600/favicon.jpg' rel='shortcut icon' type='image/x-icon'/>
<link href='http://4.bp.blogspot.com/_BBxuLH-PHNg/R7xUWcok9DI/AAAAAAAABTE/8ZGI8kGaJMc/s1600/favicon.jpg' rel='icon' type='image/png'/>

<b:skin><![CDATA[/*

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#660000" value="#7E7E7E">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#404040">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#ffffff">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#ffffff">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#ffffff">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#808001" value="#E6E6E6">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#D5D5D5">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#333" value="#E6E6E6">
<Variable name="leftsidebarcolor" description="Left Sidebar Title Color"
type="color" default="#fff" value="#D5D5D5">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#333" value="#404040">
<Variable name="leftsidebartextcolor" description="Left Sidebar Text Color"
type="color" default="#ffc" value="#D5D5D5">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#D5D5D5">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="italic normal 98% Arial, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font" default="normal bold 86% Georgia, Times, serif" value="italic bold 104% Times, serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal bold 385% Georgia, Times, serif" value="normal bold 330% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal bold 186% Georgia, Times, serif" value="normal bold 150% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic bold 78% Times, serif">

<Variable name="titlefont" description="Post Title Font"
type="font"
default="normal bold 385% Georgia, Times, serif" value="italic bold 330% Times, serif">
*/

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size /* */:/**/small;
font-size: /* */:/**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
max-width:999px;
margin:0 auto;
height: 182px;
background: url(http://4.bp.blogspot.com/_BBxuLH-PHNg/R7xUDcok9CI/AAAAAAAABS8/uKvvmt4jYy8/s1600/header999x182.jpg) bottom center no-repeat;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
padding: 20px 20px 20px 200px;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
max-width: 900px;
margin:-5px 100px 0;
padding:-1px 20px .50em;
font: $pagetitlefont;
}

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

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin: -1px 150px 51px;
padding: -2 200px 150px;
max-width:500px;

letter-spacing:.1.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
text-align: center;
}

#header img {
margin-left: auto;
margin-right: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 999px;
background: url(http://2.bp.blogspot.com/_BBxuLH-PHNg/R7xT88ok9AI/AAAAAAAABSs/etTyZKq2FrY/s1600/content999x355.jpg) top center repeat-y;
margin:0 auto;
text-align:center;
font: $bodyfont;
}

#content-wrapper {
width: 900px;
height: 0 auto;
margin: 0 auto;
padding: 0;
background: url() top center no-repeat;
}

#main-wrapper {
height: 0 auto;
width: 480px;
float: left;
margin-left: 60px;
margin-right: 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-wrapper {
width: 150px;
padding-top: 0px;
padding-right: 0px;
float: right;
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 */
}

#left-sidebar-wrapper {
width: 200px;
float: left;
padding-left: 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 */
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

#left-sidebar h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;

letter-spacing:.2em;
color:$leftsidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
font-size:80%;

}

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;

}
.post h2 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
font-size: 160%;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post p {
margin:0 0 .75em;
line-height:1.6em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.left-sidebar {
color: $leftsidebartextcolor;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:0 0 .25em 12px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer-wrapper {
max-width:999px;
clear:both;
margin:0 auto;
background: url(http://1.bp.blogspot.com/_BBxuLH-PHNg/R7xT_sok9BI/AAAAAAAABS0/h_BoNXbgAwM/s1600/footer999x350.jpg) bottom center no-repeat;
height: 350px;
padding-top:25px;
text-align: center;

}

#footer {
max-width: 600px;
float: right;

margin: 0px 50px 2px;
padding: 0px 20px 20px;
border:0px solid $bordercolor;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header-wrapper {
max-width: 700px;
margin-left: 0px;
margin-right: 0px;
}

body#layout #outer-wrapper {
max-width: 700px;
margin: 0 auto;
}

body#layout #content-wrapper {
max-width: 700px;
margin: 0 auto;
}

body#layout #left-sidebar-wrapper {
max-width: 150px;
}

body#layout #main-wrapper {
max-width: 300px;
}

body#layout #sidebar-wrapper {
max-width: 150px;
}

body#layout #footer-wrapper {
margin: 0 auto;
max-width: 700px;
}

]]></b:skin>

</head>

<body>
<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' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='pruebas 2 (cabecera)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
<div id='left-sidebar-wrapper'>
<b:section class='left-sidebar' id='left-sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
</b:section>
</div>
<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:section>
</div>

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


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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> 
<center><a href='http://mis-plantillas.blogspot.com/'>Febrero 2008 | Diseñado por anita</a></center>

</body>
</html>

Plantilla Soul

2008-02-29T18:44:00.007+01:00

Puedes ver una muestra de esta plantilla haciendo click sobre la imagen.

Esta plantilla lleva incluido un menú de navegación, personalizarlo es muy sencillo, puedes consultar como hacerlo AQUÍ.

Si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Código de la Plantilla Soul:

<?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 expr:dir='data:blog.languageDirection' 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'>
<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='http://3.bp.blogspot.com/_BBxuLH-PHNg/R7SoaMok6vI/AAAAAAAAA_M/O5jxjGFxDso/s1600/fav.jpg' rel='shortcut icon' type='image/x-icon'/>
<link href='http://3.bp.blogspot.com/_BBxuLH-PHNg/R7SoaMok6vI/AAAAAAAAA_M/O5jxjGFxDso/s1600/fav.jpg' rel='icon' type='image/png'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Soul
Diseñada: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 15 de Febrero de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#A4824F">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#f1f1e9">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#6f3c1b">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#f1f1e9">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#f1f1e9">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#6f3c1b">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#f1f1e9">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#4c2600">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#f1f1e9">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#804000">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 300% Georgia, Serif" value="italic bold 270% Times, serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic normal 90% Times, serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:920px;
height: 270px;
margin:0 auto 10px;
border:0px solid $bordercolor;
background: url(http://3.bp.blogspot.com/_BBxuLH-PHNg/R8g1VSlzaBI/AAAAAAAABcQ/282VAhAFrWk/s1600/titulo-yazz%C2%BA.JPG) bottom center no-repeat;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
width:720px;
height: 262px;
margin: 5px;
border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}

#header h1 {
max-width:500px;

margin:5px 5px 0;
padding:90px 15px .25em;
line-height:1.2em;

letter-spacing:.2em;
font: $pagetitlefont;
}

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

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:400px;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 922px;
margin:1em 20px;
padding:5px;
text-align:$startSide;
font: $bodyfont;

}

#main-wrapper {
margin-left: 20px;

width: 530px;
float: $startSide;
background:#BDA074;
margin:1em 15px;
padding:4px;
border: 4px solid $bordercolor;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;

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-wrapper {
background:#BDA074;

width: 320px;
float: $endSide;
padding:2px 2px 2px;
margin:1em 5px;
border: 4px solid $bordercolor;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
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 */
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post p {
margin:0 0 .75em;
line-height:1.6em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;

}

.sidebar ul {
list-style:none;
margin:1 1 1;
padding: 2px 2px 2px;

}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
padding:10px 10px 10px;

}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
background-color: #BDA074;
width:700px;
padding:10px 10px 10px;
border: 4px solid $bordercolor;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
letter-spacing:.1em;
text-align: left;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}

/* 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 {
padding: 0;
width: 730px;
padding: 0 ;
}

body#layout #sidebar-wrapper {
padding: 0;
width: 200px;
}

body#layout #main-wrapper {
padding: 0;
width: 400px;
padding: 0;
}

body#layout #header-wrapper {
padding: 0;
width: 700px;
}

body#layout #footer-wrapper {
padding: 0;
width: 700px;
}

/* End of Page structure tweaks for layout editor wireframe */
}
#navcontainer ul
{

text-align: center;
padding-bottom: 15px;
padding-top: 15px;
padding-left: 0;

margin-top: 5;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 5;
background-color: #A4824F;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 0px;
/* fixes Firefox 0.9.3 */

}

#navcontainer ul li
{
border-bottom:0px dotted $bordercolor;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 6px;
/* matches link padding except for left and right */
padding-top: 15px;
background-color: #7d633c;
}

#navcontainer ul li a
{
border-bottom:0px dotted $bordercolor;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
padding-left: 25px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 15px;
color: white;
text-decoration: none;
border-right: 0px solid #f1f2ea;
}

#navcontainer ul li a:hover
{
background-color: #c5af8f;
color: white;
border-bottom:0px dotted $bordercolor;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}

#navcontainer #active { border-left:0px solid #e3e3d5;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}

]]></b:skin>
</head>

<body>
<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' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='pruebas 2 (cabecera)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='navcontainer'>
<ul id='navlist'>
<li id='active'><a href='http://plantilla-soul.blogspot.com/' id='current'>Inicio</a></li>

<li><a href='http://plantilla-soul.blogspot.com/search/label/etiqueta%20uno'>Etiqueta uno</a></li>

<li><a href='http://plantilla-soul.blogspot.com/2008/02/otra-entrada-de-prueba.html'>Etiqueta dos</a></li>

<li><a href=''>Etiqueta trés</a></li>

<li><a href=''>Etiqueta cuatro</a></li>

<li><a href=''>Etiqueta cinco</a></li>

<li><a href=''>Etiqueta seis</a></li>

</ul></div>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<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:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
</div>


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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> 
<center><a href='http://mis-plantillas.blogspot.com/'>Febrero 2008 | Diseñado por anita</a></center>
</body>
</html>

Plantilla: Luna

2008-02-23T22:40:00.008+01:00

Puedes ver una muestra de esta plantilla haciendo click sobre la imagen.

Si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Código de la Plantilla Luna:

<?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 expr:dir='data:blog.languageDirection' 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'>

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='http://4.bp.blogspot.com/_BBxuLH-PHNg/R7cQ0sok7UI/AAAAAAAABE8/DMTpnT8EN0M/s1600/faviluna.jpg' rel='shortcut icon' type='image/x-icon'/>
<link href='http://4.bp.blogspot.com/_BBxuLH-PHNg/R7cQ0sok7UI/AAAAAAAABE8/DMTpnT8EN0M/s1600/faviluna.jpg' rel='icon' type='image/png'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Luna
Diseñada: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 15 de Febrero de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#3F4D4D">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#283838">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#A50A08">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#D4D4D4">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#A50A08">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#A50A08">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#A50A08">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#A50A08">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="italic normal 110% Times, serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="italic bold 86% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="italic bold 416% Times, serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic bold 105% Times, serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic normal 86% Times, serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {

background:$bgcolor;
margin: .25em 5px 5px 5px;
padding-left: 1px;

color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-color: #DEE0DF;
background-image: url(http://4.bp.blogspot.com/_BBxuLH-PHNg/R7goYcok7mI/AAAAAAAABHI/Iurm5W9M11w/s1600/luna.jpg);
background-attachment: fixed;
background-position: bottom center;
background-repeat: no-repeat;
border-color: #ffffff;
border-width:0px ;
border-style: solid;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:700px;
height: 300px;
background-image: url();
margin:0 auto ;
border:0px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:180px 50px .25em;
line-height:1.2em;

letter-spacing:.1em;
font: $pagetitlefont;
}

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

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;

letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 990px;
margin:.1em 1px ;

padding:1px 1px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 450px;
float: left;
margin-left: 20px;
margin-right: 20px;
margin:0px 25px 5px;

border: 5px groove $bordercolor;
background-color:#f8f8ff;
background-image: url(http://1.bp.blogspot.com/_BBxuLH-PHNg/R7glxsok7bI/AAAAAAAABFw/J08U8natwUI/s1600/fondo%2Bpapel.jpg);
background-attachment: fixed;
background-position:center;
background-repeat: repeat;
filter:alpha(opacity=50); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;

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-wrapper {
background-image: url(http://1.bp.blogspot.com/_BBxuLH-PHNg/R7glxsok7bI/AAAAAAAABFw/J08U8natwUI/s1600/fondo%2Bpapel.jpg);
background-attachment: fixed;
background-position:center;
background-repeat: repeat;
filter:alpha(opacity=50); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;
border: 5px groove $bordercolor;
width: 300px;
float: $endSide;

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 */
}
#newsidebar-wrapper {
background-image: url(http://1.bp.blogspot.com/_BBxuLH-PHNg/R7glxsok7bI/AAAAAAAABFw/J08U8natwUI/s1600/fondo%2Bpapel.jpg);
background-attachment: fixed;
background-position:center;
background-repeat: repeat;
filter:alpha(opacity=50); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;
border: 5px groove $bordercolor;
width: 160px;
float: left;
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 */
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;

letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post p {
margin:0 0 .75em;
line-height:1.6em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;

letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:0px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;

letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;

letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
padding:10px 10px 10px;

}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 0px solid $bordercolor;
}

.profile-data {
margin:0;

letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;

letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer-wrapper {
background-image: url(http://1.bp.blogspot.com/_BBxuLH-PHNg/R7glxsok7bI/AAAAAAAABFw/J08U8natwUI/s1600/fondo%2Bpapel.jpg);
background-attachment: fixed;
background-position:center;
background-repeat: repeat;
filter:alpha(opacity=50); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;
border: 5px groove $bordercolor;
width:700px;
clear:both;
margin-left: 100px;
margin-right: 20px;

line-height: 1.6 em;
padding:15px 15px 15px;
letter-spacing:1 em;
text-align: left;
}

/* 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 {
padding: 0;
width: 700px;
padding: 0 ;
}

body#layout #sidebar-wrapper {
padding: 0;
width: 150px;
}

body#layout #newsidebar-wrapper {
padding: 0;
width: 150px;
}

body#layout #main-wrapper {
padding: 0;
width: 300px;
padding: 0;
}

body#layout #header-wrapper {
padding: 0;
width: 700px;
}

body#layout #footer-wrapper {
padding: 0;
width: 600px;
}

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

}

]]></b:skin>
</head>

<body>
<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' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Pruebas 2 (cabecera)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
</b:section>
</div>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<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:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
</div>


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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> 
<center><a href='http://mis-plantillas.blogspot.com/'>Febrero 2008 | Diseñado por anita</a></center>
</body>
</html>

Plantilla Sueño Azul

2008-02-23T17:20:00.011+01:00

Puedes ver una muestra de esta plantilla haciendo click sobre la imagen.

Si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Código de la Plantilla Sueño Azul:

<?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'>

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='http://1.bp.blogspot.com/_BBxuLH-PHNg/R7w6Qsok8-I/AAAAAAAABSQ/79ldDPm6RoQ/s1600/favicon.jpg' rel='shortcut icon' type='image/x-icon'/>
<link href='http://1.bp.blogspot.com/_BBxuLH-PHNg/R7w6Qsok8-I/AAAAAAAABSQ/79ldDPm6RoQ/s1600/favicon.jpg' rel='icon' type='image/png'/>

<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: azul
Diseñada: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 9 de Febrero de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#660000" value="#6394B2">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#093961">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#0C4D81">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#ffffff">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#ffffff">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#808001" value="#6394B2">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#6394B2">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#333" value="#6394B2">
<Variable name="leftsidebarcolor" description="Left Sidebar Title Color"
type="color" default="#fff" value="#6394B2">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#333" value="#416A83">
<Variable name="leftsidebartextcolor" description="Left Sidebar Text Color"
type="color" default="#ffc" value="#416A83">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#0C4D81">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="italic normal 98% Arial, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font" default="normal bold 86% Georgia, Times, serif" value="italic bold 104% Times, serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal bold 385% Georgia, Times, serif" value="normal normal 330% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal bold 186% Georgia, Times, serif" value="normal normal 150% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic bold 78% Times, serif">

<Variable name="titlefont" description="Post Title Font"
type="font"
default="normal bold 385% Georgia, Times, serif" value="italic bold 330% Times, serif">
*/

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
margin:20;
color:$textcolor;
font:x-small Georgia Serif;
font-size /* */:/**/small;
font-size: /* */:/**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:998px;
margin:0 auto;
height: 215px;
background: url(http://2.bp.blogspot.com/_BBxuLH-PHNg/R7wvm8ok87I/AAAAAAAABR8/OzdQkt1CUJ8/s1600/header998x215.jpg) bottom center no-repeat;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
padding: 20px 20px 20px 200px;
text-align:left;
color:$pagetitlecolor;
}

#header h1 {
max-width:1000px;
margin:-20px 150px 0;
padding:-1px 20px .50em;
font: $pagetitlefont;
}

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

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin: -45px 50px 51px;
padding: 40px 100px 100px;
max-width:900px;

letter-spacing:.1.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
text-align: left;
}

#header img {
margin-left: auto;
margin-right: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 998px;
height: 0 auto;
background: url(http://3.bp.blogspot.com/_BBxuLH-PHNg/R7wvJMok85I/AAAAAAAABRs/3u2SvLipNY8/s1600/content998x502.jpg) top center repeat-y;
margin:0 auto;
text-align:left;
font: $bodyfont;
}

#content-wrapper {
width: 900px;
height: 0 auto;
margin: 0 auto;
padding: 0;
background: url() top center no-repeat;
}

#main-wrapper {
width: 480px;

height: 0 auto;
float: left;
margin-left: 30px;
margin-right: 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-wrapper {
width: 150px;
padding-top: 0px;
padding-right: 0px;
float: right;
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 */
}

#left-sidebar-wrapper {
width: 200px;
float: left;
padding-left: 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 */
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

#left-sidebar h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$leftsidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
font-size:80%;

}

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;

}
.post h2 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
font-size: 160%;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post p {
margin:0 0 .75em;
line-height:1.6em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.left-sidebar {
color: $leftsidebartextcolor;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:0 0 .25em 12px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer-wrapper {
width:998px;
height: 0 auto;
clear:both;
margin:0 auto;
background: url(http://3.bp.blogspot.com/_BBxuLH-PHNg/R7wviMok86I/AAAAAAAABR0/DgTTM1liGG8/s1600/footer998x116.jpg) bottom center no-repeat;
height: 351px;
padding-top:15px;
text-align: center;
}

#footer {
width: 700px;
height: 0 auto;
float: right;
background: url() center bottom no-repeat;
margin: 0 auto;
padding: 4px 30px 2px;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header-wrapper {
width: 700px;
margin-left: 0px;
margin-right: 0px;
}

body#layout #outer-wrapper {
width: 730px;
margin: 0 auto;
}

body#layout #content-wrapper {
width: 730px;
margin: 0 auto;
}

body#layout #left-sidebar-wrapper {
width: 150px;
}

body#layout #main-wrapper {
width: 300px;
}

body#layout #sidebar-wrapper {
width: 150px;
}

body#layout #footer-wrapper {
margin: 0 auto;
width: 700px;
}

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:georgia,serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:1 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

]]></b:skin>

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [64,64,64];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

</head>

<body>
<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' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Pruebas 2 (cabecera)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
<div id='left-sidebar-wrapper'>
<b:section class='left-sidebar' id='left-sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/>
</b:section>
</div>
<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:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='CustomSearch1' locked='false' title='Buscar en este blog' type='CustomSearch'/>
</b:section>
</div>


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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> 
<center><a href='http://mis-plantillas.blogspot.com/'>Febrero 2008 | Diseñado por anita</a></center>

</body>
</html>

Fondos para tu blog: del 1 al 10.

2008-02-15T21:46:00.008+01:00

Imágenes y fondos que puedes usar para tus blogs o como fondo de escritorio.

Para usarlos como salvapantallas haz click sobre la imagen para verla ampliada y de nuevo haz click sobre ella con el botón derecho y selecciona: "Establecer como fondo de escritorio" o "Set as Background", dependiendo del navegador que uses.

nº 1 - Resolución: 1024 x 768

nº 2 - Resolución: 1024 x 768

nº 3 - Resolución: 1024 x 768

nº 4 - Resolución: 1024 x 768

nº 5 - Resolución: 1024 x 768

nº 6 - Resolución: 1024 x 768

nº 7 - Resolución: 1024 x 768

nº 8 - Resolución: 1024 x 768

nº 9 - Resolución: 1024 x 768

nº 10 - Resolución: 1024 x 768

Nota: Todos los fondos están hechos por mi, estos son los primeros que pongo. Poco a poco iré añadiendo más.

¿Buscabas botones?

2008-02-14T18:41:00.003+01:00

Aquí tienes algunos :

Para decorar tu email

Iconos de navegación

Para que comenten

Los botones están hechos por mi, espero que te gusten. Si tienes alguna preferencia o sugerencia, no dudes en decírmelo.

¿Buscas una cabecera para tu blog?

2008-02-14T18:21:00.002+01:00

Aquí están Las 5 primeras.

Las siguientes del 6 al 15.

De la 16 a la 25.

Todos las cabeceras están hechas por mi, espero que te gusten. Si tienes alguna preferencia o sugerencia, no dudes en decírmelo.

¿Buscabas un fondo?

2008-02-14T18:10:00.005+01:00

Aquí tienes los 10 primeros.

Y aquí del 11 al 20.

Aquí del 21 al 30.

Todos los fondos están hechos por mi, espero que te gusten. Iré añadiendo más y si tienes alguna preferencia o sugerencia, no dudes en decírmelo.

Mis plantillas

2008-02-14T15:44:00.013+01:00

Cómo personalizar el menú de navegación

2008-02-14T10:12:00.012+01:00

Algunas de las plantillas tienen incluido un menú de navegación, cómo por ejemplo estas:

Para personalizarlo y poner tus propias etiquetas deberás hacer lo siguiente:

Busca este código en tu plantilla:

<div id='navcontainer'>
<ul id='navlist'>

<li id='active'><a href=' http://tublog.blogspot.com/ ' id='current'> Inicio </a></li>

<li><a href='http://tublog.blogspot.com/search/label/entrada-de-prueba.html '> Entrada de prueba </a></li>

<li><a href=' http://tublog.blogspot.com/search/label/otra-entrada.html '> Otra entrada </a></li>

<li><a href=' http://tublog.blogspot.com/search/label/etiqueta1.html '> Etiqueta 1 </a></li>

<li><a href=' http://tublog.blogspot.com/search/label/etiqueta2.html '> Etiqueta 2 </a></li>

Sustituye la URL (http://tublog.blogspot.com/search/label/etiqueta1.html) por la de tu etiqueta y el nombre (Etiqueta 1 ) de dicha etiqueta por el que desees que se muestre.

Para localizar los códigos de tu plantilla con facilidad utiliza Ctrl + F.

Como instalar tu nueva plantilla

2008-02-13T16:35:00.017+01:00

Instalar tu nueva plantilla es tan sencillo como copiar el código que aparece bajo ella y pegarlo en el editor de la plantilla de tu blog.

Si es la primera vez que lo haces, puedes seguir el tutorial paso a paso:
(Haz click sobre las imágenes para verlas ampliadas)

1.- Entra en el editor de tu blog. Haz click en: Diseño - Edición HTML.

2.- Descarga tu actual plantilla. Si sigues estos sencillos pasos todo debería salir correctamente, no obstante guardar tu plantilla actual nunca está de más y te ahorrará disgustos.

3.- Marca la casilla: "Expandir plantillas de artilugios".

4.- Selecciona el código de tu plantilla y bórralo. El espacio debe quedar completamente vacío, comprueba que no te has dejado nada por eliminar.

5.- Copia el código de la plantilla que has escogido y pégalo en la caja, justo donde acabas de eliminar la anterior. Asegúrate de haber copiado el código completo.

6.- Haz click sobre VISTA PREVIA para ver como queda la nueva plantilla.

7.- GUARDA TU PLANTILLA, si estás satisfecho con el resultado.

Cuando haces un cambio de plantilla, todas las entradas que tengas en tu blog se mantendrán intactas, no obstante los elementos que hayas añadido a tu sidebar (barra lateral), como calendarios, lista de enlaces, imágenes, vídeos, texto, etc... desaparecerán.

Para no perderlos haz una copia de cada uno de ellos y pégalos en un blog de notas para volver a añadirlos una vez hayas hecho el cambio de plantilla.

Si tenías elementos en la sidebar, cuando hagas el cambio de plantilla te aparecerá un mensaje como este:

Se refiere precisamente a esos elementos que han sido eliminados. Confirma y guarda para que tu plantilla pueda ser instalada.

¡¡ Enhorabuena, ya tienes plantilla nueva !!