Friday, October 5, 2007

Blogy Smashing Blogger Template

If you like my "Blogy Smashing" template you can have it. Got it from Blog and Web.

Simply copy and paste the code below in your blogger blog. Go to Dashboard, Edit Html, the old code, then copy and paste the code you will find below. This template works for new blogger and not in the classic blogger.




Here is the code. I especially placed it in a box such as this one so it would be easier for you and you won't have to go the site and download the zip file. Just copy and paste.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*

/* **************************
Name: Blogy Smashing
Blogger by: serturista.com
Support: http://Blogandweb.com
Designer: http://www.designdisease.com/
Date: Sep 07
Icons:
*****************************

*//* Definición de variables
====================
<Variable name="enlacecolor" description="Color de los enlaces (links)"
type="color" default="#218dd1" value="#218dd1">
<Variable name="colorenlaceencima" description="Color del link al pasar el mouse"
type="color" default="#cc0000" value="#cc0000">
<Variable name="colortituloblog" description="Color del título del blog"
type="color" default="#ff3300" value="#ff3300">
<Variable name="descripcioncolor" description="Color de la descripción del blog"
type="color" default="#8f8f8f" value="#8f8f8f">
<Variable name="colortituloentrada" description="Color del título de las entradas"
type="color" default="#218dd1" value="#218dd1">
<Variable name="colortituloslateral1" description="Color titulo - barra lateral izq"
type="color" default="#666666" value="#666666">
<Variable name="colortituloslateral2" description="Color titulo - barra lateral der"
type="color" default="#FFFFFF" value="#FFFFFF">
<Variable name="colortextolateral1" description="Color texto - barra lateral izq"
type="color" default="#993333" value="#993333">
<Variable name="colortextolateral2" description="Color texto - barra lateral der"
type="color" default="#fff" value="#ffffff">
*/

#outer-wrapper {
width: 980px; margin: 0 auto; padding: 0px; position: relative;
}

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

/*-- (Generales) --*/

body { background: #fff url(http://img481.imageshack.us/img481/341/bkgbodyuv2.gif) repeat center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 20px; margin: 0px; color:#35383d;}

html { padding: 0; margin: 0;}

a:link { text-decoration: none; color : $enlacecolor; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #218dd1; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #218dd1; border: 0px; -moz-outline-style: none;}
a:hover { text-decoration: underline; color : $colorenlaceencima; border: 0px; -moz-outline-style: none;}
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px; }

form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

/*-- (Cabecera) --*/

/**/ * html #header-wrapper { height: 80px;} /* */

#header-wrapper {
background: #fff url(http://bp3.blogger.com/_Zuzii37VUO4/RvNpMXVpGXI/AAAAAAAACMU/T0A8fcwLtG8/s1600/HeaderBkg.gif) no-repeat left top; width: 535px; position: relative; clear: left; padding: 0px 0px 0px 30px; min-height:80px; margin-left: 15px;
}

#header-wrapper h1 {
font-size: 26px; line-height: 26px; letter-spacing: -2px; padding: 27px 5px 0px 0px; margin: 0px; font-weight: bold; color:$colortituloblog;
}

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

#header-wrapper h1 a:visited {
color:$colortituloblog; text-decoration: none;
}

#header-wrapper h1 a:hover { color:$colortituloblog; text-decoration: none; }

#header-wrapper p {
color:$descripcioncolor; font-size: 15px; line-height: 15px; font-weight: bold; letter-spacing: -1px; font-family: 'Arial'; padding: 0px; margin: 0px 0px 0px 0px;
}

#header-wrapper a {
}

.Search { position: absolute; background: url(http://bp0.blogger.com/_Zuzii37VUO4/RvNoPnVpGRI/AAAAAAAACLk/mmMxsX_VuY0/s1600/Search.gif) no-repeat left top; top: 20px; right: -220px; width: 220px; height: 63px;}
.Search form { padding: 28px 10px 10px 10px; margin: 0px;}
.Search input { border: none; color: #fff; font-size: 11px;}
.Search input.search { width: 21px; height: 21px; background: url(http://bp3.blogger.com/_Zuzii37VUO4/RvNoPXVpGNI/AAAAAAAACLE/WG2POiydQek/s1600/SearchButton.gif) no-repeat;}
.Search input.keyword { background: none; border: none; padding: 5px 0px 5px 5px; width: 175px; border: none; } /**/ * html #buttonsearch { margin: -22px 0px 0px 175px; } /* */
#buttonsearch { padding: 0px; margin: -21px 0px 0px 175px; top: 0px; background: none; }

.Syn { position: absolute; top: 45px; right: -400px; width: 170px;}
.Syn ul { margin: 0px; padding: 0px;}
.Syn li { background: url(http://bp3.blogger.com/_Zuzii37VUO4/RvNoCXVpGKI/AAAAAAAACKs/q-FqNGBujIA/s1600/SynIco.gif) no-repeat left center; margin: 0px; padding: 0px 0px 1px 15px; list-style-type: none; font-size: 10px; color:#25252b;}
.Syn li a { color:#25252b; font-size: 10px; text-decoration: underline; }
.Syn li a:visited { color:#25252b; font-size: 10px; text-decoration: underline; }
.Syn li a:hover { color:#25252b; font-size: 10px; text-decoration: underline; }

/*-- (Menú) --*/

.Menu { padding: 15px 0px 30px 0px; float: left; width: 505px; background: url(http://img443.imageshack.us/img443/6376/dottedfh0.gif) repeat-x top;}
.Menu em { display: none}
.Menu ul { list-style: none; margin: 0px; padding: 0px;}
.Menu ul li ul { display: none;}
.Menu li { padding: 0px; margin: 0px; display: inline; font-size: 10px; line-height: 11px; font-weight: bold;}
.Menu a { padding: 0px 0px 0px 3px; margin-right: 2px; background: url(http://bp3.blogger.com/_Zuzii37VUO4/RvNoPXVpGOI/AAAAAAAACLM/9JEYlu_zwvk/s1600/MLeft.png) no-repeat left top; float: left;}
.Menu a span { padding: 4px 9px 5px 6px; display: block; background: url(http://img206.imageshack.us/img206/4899/mrightto0.png) no-repeat right top; float: right; }
.Menu a span { float: none; color: #3b98d2;}
.Menu a:hover span { color: #3b98d2;}
.Menu a:hover { background-position: 0% -20px; color:#ffffff; text-decoration: none;}
.Menu a:hover span { background-position: 100% -20px; color:#ffffff;}
.Menu .on { background: url(http://bp3.blogger.com/_Zuzii37VUO4/RvNoPXVpGOI/AAAAAAAACLM/9JEYlu_zwvk/s1600/MLeft.png) no-repeat left bottom; color:#ffffff; }
.Menu .on span { background: url(http://img206.imageshack.us/img206/4899/mrightto0.png) no-repeat right bottom; color:#ffffff; }

/*-- (Contenedor) --*/

#content-wrapper {
background: #fff url(http://bp0.blogger.com/_Zuzii37VUO4/RvNpMnVpGZI/AAAAAAAACMk/RgDsnBDsg20/s1600/BGC.gif) repeat-y center; width: 980px; float: left; position: relative; padding: 0px;
}

/*-- (Principal) --*/

#main-wrapper { background: url(http://img206.imageshack.us/img206/1682/scxd8.gif) no-repeat left top; width: 505px; float: left; padding: 0px 30px 15px 45px;}
#main-wrapper h2 { font-weight: normal;}

.post {
padding: 0px; position: relative; clear: left;
}

.status-msg-wrap {
padding-top:30px !important;
}

.status-msg-bg {
background-color: #fff !important;
}

.status-msg-border {
border:none !important;
}

.PostHead { position: relative; clear: left; width: 405px; padding-right: 100px;}
.PostHead h1 { font-size: 19px; line-height: 19px; letter-spacing: -1px; font-weight: normal; padding: 0px 0px 1px 0px; margin: 0px; color:$colortituloentrada;}
.PostHead h1 a { color: $colortituloentrada; text-decoration: none;}
.PostHead h1 a:visited { color: $colortituloentrada; text-decoration: none;}
.PostHead h1 a:hover { color:#cc0000; text-decoration: none;}
.PostHead ul { padding: 0px; margin: 0px;}
.PostHead li { list-style-type: none; display: inline; }
.PostHead li a { color:#8a98a2; text-decoration: underline;}
.PostHead li a:visited { color:#8a98a2; text-decoration: underline;}
.PostHead li a:hover { color:#8a98a2; text-decoration: underline;}

.post-author { background: url(http://bp2.blogger.com/_Zuzii37VUO4/RvNoCHVpGII/AAAAAAAACKc/b_Dg-1tATRs/s1600/PostAuthor.png) no-repeat left center; padding: 1px 5px 1px 12px; margin: 0px; font-size: 10px; color:#8a98a2; font-weight: bold;}
.post-labels { background: url(http://bp3.blogger.com/_Zuzii37VUO4/RvNoCXVpGJI/AAAAAAAACKk/VrDkbD8sgac/s1600/PostCateg.png) no-repeat left center; padding: 1px 5px 1px 13px; margin: 0px; font-size: 10px; color:#8a98a2; font-weight: bold;}

.post-title {
}

/**/ * html .date-header { right: 30px;} /**/
.date-header { position: absolute; top: 5px; right: 0px; color:#8a98a2;}

.post-body { padding: 5px 0px 5px 0px; font-size: 12px; line-height: 17px; background: url(http://img206.imageshack.us/img206/9377/dottediv8.gif) repeat-x bottom; color:#444640; }
.post-body p { color:#444640; font-size: 12px; line-height: 17px;}
.post-body p strong {}
.post-body img {}
.post-body ul { padding: 10px 0px; margin: 0px; }
.post-body li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(http://img102.imageshack.us/img102/2571/postcontentliicozd8.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }
.post-body blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.post-body blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.post-body blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(http://img206.imageshack.us/img206/4954/postcontentblockliicorn4.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }
.post-body blockquote a { color:#0080ca; }
.post-body blockquote a:visited { color:#0080ca; }
.post-body blockquote a:hover { color:#003399; }
.post-body a { text-decoration: underline;}

.comment-link {
background: url(http://img514.imageshack.us/img514/6863/postcommw8.png) no-repeat left center;
color:#336699;
display:inline;
font-size:10px;
font-weight:bold;
list-style-type:none;
margin:0px 10px 0px 0px;
padding:2px 0px 5px 15px;
}

.post-footer { padding-top: 10px;}
.post-footer ul { padding: 0px; margin: 0px;}
.post-footer li { padding: 2px 0px 5px 15px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 10px; font-weight: bold; }
.post-footer a { text-decoration: underline; color:#ff3300;}
.post-footer a:visited { text-decoration: underline; color:#ff3300;}
.post-footer a:hover { text-decoration: underline; color:#990000;}

#blog-pager a { padding: 2px 5px 2px 3px; background: #fff; border-right: solid 1px #ccc; font-size: 10px;}
#blog-pager a:visited { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: 10px;}
#blog-pager a:hover { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; text-decoration: none; font-size: 10px;}

.blog-feeds {
background:transparent url(http://bp0.blogger.com/_Zuzii37VUO4/Rj7ME-MBRJI/AAAAAAAAAwM/IOo-YUYR5aM/s1600/icono-feed.gif) no-repeat scroll left bottom;
padding-left:20px;
padding-top:15px;
}

/*-- (Lateral) --*/

#sidebar-wrapper {
background: url(http://img165.imageshack.us/img165/7848/srvl1.gif) no-repeat right top; width: 400px; float: right;
}
#sidebar-wrapper h2 {font-size: 14px; letter-spacing: normal; font-weight: bold;
}


#sidebar1 .clear, #sidebar2 .clear {
height: 5px; width: 5px; position: absolute; top: 0px; right: 0px;
}
#sidebar1 ul{

}
#sidebar1 {
width: 215px; float: left; padding: 5px 5px 5px 0px; color:#fff;
}
#sidebar1 h2 {
color:$colortituloslateral1;
font-size:14px;
letter-spacing:-1px;
margin:0px;
padding:5px 0px;
text-transform:uppercase;
}

#sidebar1 p { color:#fff; font-size: 11px;}

#sidebar1 .widget { position: relative; margin-bottom: 5px; padding: 10px 10px 10px 10px; color:#333; font-size: 11px;}
#sidebar1 .widget ul { margin: 0px; padding: 0px;}
#sidebar1 .widget ul li { margin: 0px; padding: 0px; list-style-type: none; font-size: 11px; line-height:16px;}
#sidebar1 .widget ul li a { background: url(http://img301.imageshack.us/img301/1473/categlidr5.png) no-repeat left top; padding: 1px 0px 2px 10px; font-size: 11px; line-height:16px;}
#sidebar1 .widget ul li a:visited { background: url(http://img301.imageshack.us/img301/1473/categlidr5.png) no-repeat left top; line-height:16px; }
#sidebar1 .widget ul li a:hover { background: #ffffff url(http://img301.imageshack.us/img301/1473/categlidr5.png) no-repeat left top; line-height:16px; text-decoration: none;}
#sidebar1 .widget ul ul li { margin: 0px; padding: 0px 0px 0px 10px; list-style-type: none; font-size: 10px; border-bottom: solid 1px #e1f3fa;}
#sidebar1 .widget ul ul li a { margin: 0px; padding: 0px; list-style-type: none; font-size: 10px; background: none;}
#sidebar1 .widget ul ul li a:visited { margin: 0px; padding: 0px; list-style-type: none; font-size: 10px; background: none;}
#sidebar1 .widget ul ul li a:hover { margin: 0px; padding: 0px; list-style-type: none; font-size: 10px; background: none;}
#sidebar1 .widget p { color:#333; font-size: 11px;}

#sidebar1 #Label1 .clear { background: url(http://img205.imageshack.us/img205/412/bluetopix2.gif) no-repeat;}
#sidebar1 #Label1 { background: #e1f3fa url(http://img205.imageshack.us/img205/472/bluebottomue0.gif) no-repeat right bottom; border-left: solid 10px #c7e5f1;}
#sidebar1 #Label1 ul { border-top: solid 1px #c7e5f1;}
#sidebar1 #Label1 ul li { border-bottom: solid 1px #c7e5f1;}
#sidebar1 #Label1 ul li a { color:#336699;}
#sidebar1 #Label1 ul li a:visited { color:#336699; }
#sidebar1 #Label1 ul li a:hover { color:#003366;}
#sidebar1 #Label1 ul ul li { border-bottom: solid 1px #e1f3fa;}

#sidebar1 #LinkList1 .clear, #sidebar1 #LinkList2 .clear {
background: url(http://img212.imageshack.us/img212/969/yellowtopfa7.gif) no-repeat;
}
#sidebar1 #LinkList1, #sidebar1 #LinkList2 {
background: #faf4e1 url(http://img212.imageshack.us/img212/6682/yellowbottomak3.gif) no-repeat right bottom; border-left: solid 10px #ebe3c8;
}
#sidebar1 #LinkList1 ul, #sidebar1 #LinkList2 ul { border-top: solid 1px #ebe3c8;}
#sidebar1 #LinkList1 ul li, #sidebar1 #LinkList2 ul li { border-bottom: solid 1px #ebe3c8;}
#sidebar1 #LinkList1 ul li a, #sidebar1 #LinkList2 ul li a { color:#cc6600;}
#sidebar1 #LinkList1 ul li a:visited, #sidebar1 #LinkList2 ul li a:visited { color:#cc6600;}
#sidebar1 #LinkList1 ul li a:hover, #sidebar1 #LinkList2 ul li a:hover { color:color:#993300;}

#sidebar-2 { height: 5px; width: 5px; position: absolute; top: 0px; right: 0px;}
/**/ *html #sidebar-2 { right: 5px;} /**/

#sidebar1 .Feed, #sidebar1 .BlogArchive, #sidebar1 .HTML, #sidebar1 .BloggerButton, #sidebar1 .NewsBar, #sidebar1 .VideoBar, #sidebar1 .AdSense, #sidebar1 .Profile, #sidebar1 .Text {
background: #f2e2d5 url(http://img208.imageshack.us/img208/1705/pinkbottomfq0.gif) no-repeat right bottom; border-left: solid 10px #e4cab5;
}

#sidebar1 .Feed .clear, #sidebar1 .BlogArchive .clear, #sidebar1 .HTML .clear, #sidebar1 .BloggerButton .clear, #sidebar1 .NewsBar .clear, #sidebar1 .VideoBar .clear, #sidebar1 .AdSense .clear, #sidebar1 .Profile .clear, #sidebar1 .Text .clear {
background: url(http://img218.imageshack.us/img218/3722/pinktopjv8.gif) no-repeat;
}

#sidebar1 .Feed ul, #sidebar1 .BlogArchive ul, #sidebar1 .HTML ul, #sidebar1 .BloggerButton ul, #sidebar1 .NewsBar ul, #sidebar1 .VideoBar ul, #sidebar1 .AdSense ul, #sidebar1 .Profile ul, #sidebar1 .Text ul{
border-top: solid 1px #e4cab5;
}

#sidebar1 .Feed ul li, #sidebar1 .BlogArchive ul li, #sidebar1 .HTML ul li, #sidebar1 .BloggerButton ul li, #sidebar1 .NewsBar ul li, #sidebar1 .VideoBar ul li, #sidebar1 .AdSense ul li, #sidebar1 .Profile ul li, #sidebar1 .Text ul li {
border-bottom: solid 1px #e4cab5;
}

#sidebar1 .Feed ul li a, #sidebar1 .BlogArchive ul li a, #sidebar1 .HTML ul li a, #sidebar1 .BloggerButton ul li a, #sidebar1 .NewsBar ul li a, #sidebar1 .VideoBar ul li a, #sidebar1 .AdSense ul li a, #sidebar1 .Profile ul li a, #sidebar1 .Text ul li a {
color:$colortextolateral1;
}

#sidebar2 { position: relative; width: 160px; float: right; padding: 10px; color:#fff; font-size: 11px; }
#sidebar2 h3 { background: url(http://img208.imageshack.us/img208/1596/srrh3hz9.gif) repeat-x left bottom; color:#ffffff; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; letter-spacing: -1px; }
#sidebar2 h2 { background: url(http://img208.imageshack.us/img208/7308/srrh3ka3.gif) repeat-x left bottom; color:$colortituloslateral2; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; letter-spacing: -1px; }
#sidebar2 ul { padding: 0px; margin: 0px;}
#sidebar2 li { padding: 0px 0px 0px 6px; margin: 0px; list-style-type: none; background: url(http://img218.imageshack.us/img218/4167/srricohb3.png) no-repeat left top; color:#e4e4e4; font-size: 10px;}
#sidebar2 li a { color:$colortextolateral2;}
#sidebar2 li a:visited { color:$colortextolateral2; }
#sidebar2 li a:hover { color:$colortextolateral2;}
#sidebar2 p { color:$colortextolateral2; font-size: 11px;}

/*-- (Pie de página) --*/

#footer-wrapper {
background: #fff url(http://img256.imageshack.us/img256/9702/footergq3.gif) no-repeat left bottom; width: 505px; position: relative; clear: left; padding: 15px 30px 15px 30px; margin: 0px 0px 0px 15px;
}

.FL { position: absolute; top: -8px; left: -15px; height: 8px; width: 8px; background: url(http://img207.imageshack.us/img207/1572/fllp0.gif) no-repeat left top; }
.FR { position: absolute; top: -8px; right: -400px; background: url(http://bp0.blogger.com/_Zuzii37VUO4/RvNoPnVpGPI/AAAAAAAACLU/Vxyp1fYNHlo/s1600/FR.gif) no-repeat left top; height: 8px; width: 188px; }

#footer-wrapper .links {
font-size: 10px; color:#8a8a93; padding: 0px; margin: 0px;
}

#footer-wrapper .links a { color:#8a8a93; text-decoration: underline;}
#footer-wrapper .links a:visited { color:#8a8a93; text-decoration: underline;}
#footer-wrapper .links a:hover { color:#8a8a93; text-decoration: underline;}

/*-- (Comentarios) --*/

#comments h4 {
color:#CC0000;
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
margin:0px 0px 5px;
padding:5px 0px;
}

#comments dl {

}

.comment-author {
color:#333333;
display:block;
font-size:11px;
font-weight:bold;
letter-spacing:-1px;
line-height:14px;
margin:0px;
padding:0px;
}

.comment-body {
color:#484C4F;
font-size:11px;
line-height:15px;
margin:0px;
padding:5px 0px;
}

.comment-footer {
border:0px none;
margin:0px;
font-size:11px;
line-height:15px;
}

.comment-timestamp, .comment-timestamp a, .comment-timestamp a:hover {
color:#7E7E7E!important;
}

.comment-footer a, .comment-footer a:hover{
color:#CC0000;
}

]]></b:skin>
<link href='http://plantillasblogyweb2.googlepages.com/estilos-generales.css' rel='stylesheet' type='text/css'/>
<link href='http://plantillasblogyweb2.googlepages.com/blogy-smashing.css' rel='stylesheet' type='text/css'/> </head>

<body>
<div id='outer-wrapper'><div id='wrap2'>

<!-- links para navegadores de texto -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>ir a principal </a> |
<a href='#sidebar'>Ir a lateral</a>
</span>

<!-- (Cabecera) -->
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blogy Smashing (cabecera)' type='Header'>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--Show just the image, no text-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>
<!--Show image as background to text-->
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-repeat: no-repeat; " + "width: " + data:width + "px; " + "height: " + data:height + "px;"' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>

<div class='Search'>
<form action='/search' method='get'>
<input class='keyword' name='q' type='text'/>
<div id='buttonsearch'><input alt='Search' class='search' name='submit' src='http://img205.imageshack.us/img205/3139/buttontransparentca4.png' title='Search' type='image'/>
</div>
</form>
</div>

<div class='Syn'>
<ul>
<li><a href='http://tublog.blogspot.com/feeds/posts/default'>Entradas</a> (RSS)</li>
<li><a href='http://tublog.blogspot.com/feeds/comments/default'>Comentarios</a> (RSS)</li>
</ul>
</div>

</div>

<!-- (Contenedor) -->
<div id='content-wrapper'>

<!-- (Principal) -->
<div id='main-wrapper'>

<div class='Menu'>
<ul>
<li><a class='on' href='#'><span>Inicio</span></a></li>
<li class='page_item'><a href='#' title='Fotos'><span>Fotos</span></a></li>
<li class='page_item'><a href='http://blogandweb.com' title='Soporte'><span>Soporte</span></a></li>
</ul>
</div>

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

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

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

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

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>

<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

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

<b:if cond='data:post.dateHeader'>
<small class='date-header'><data:post.dateHeader/></small>
</b:if>

</div>

<div class='post-header-line-1'/>

<div class='post-body entry-content'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>

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

<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<span class='email-post-icon'>&#160;</span>
</a>
</span>
</b:if>

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</p>

<p class='post-footer-line post-footer-line-2'>
</p>

<p class='post-footer-line post-footer-line-3'/>
</div>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'>&#160;</span>
</a>
</span>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

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

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

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

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

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

<data:adStart/>
<b:loop values='data:posts' var='post'>

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>

<!-- navigation -->
<b:include name='nextprev'/>

<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
</div>

<!-- (Lateral) -->
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Feed1' locked='false' title='Ser Turista' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li>
<span class='item-title'>
<a expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
</span>
<b:if cond='data:showItemDate'>
<b:if cond='data:i.str_published != ""'>
<span class='item-date'>
&#160;-&#160;<data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if cond='data:showItemAuthor'>
<b:if cond='data:i.author != ""'>
<span class='item-author'>
&#160;-&#160;<data:i.author/>
</span>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>

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

<!-- Limpiar flotación-->
<div class='clear'/>

</div> <!-- fin de capa content-wrapper -->

<!-- (Pie de página) -->
<div id='footer-wrapper'>

<div class='FL'/>
<div class='FR'/>

<!-- Este es un incentivo al trabajo en diseñar y adaptar esta plantilla, llega a ti de forma muy fácil y sin costo, tampoco cuesta nada dejes los link, gracias y que te sea útil! -->
<p class='links'><a href='http://www.smashingmagazine.com/'>Smashing Magazine</a> | Diseño de <a href='http://designdisease.com/'>Design Disease</a>
| A <a href='http://www.blogger.com'>Blogger</a> por
<a href='http://serturista.com/'>Ser turista</a></p>
</div>

</div></div> <!-- fin de capa outer-wrapper -->
</body>
</html>

0 comments:

Design by Free blogger template

Connecting The News|Financial Tips|Super Bowl 2011 Live Stream| Tickle Thy Thoughts|Red Leg Live