Blogger template for free

Cut

Features

Authors:

Blogandweb / Isulongseophil

Share on:

Language:

Spanish

Properties:

2 Columns,Adapted from Wordpress,Elegant,Fixed width,Gray,Minimalist,Right sidebar,White

How to:

How to install a Template?

Rating:

3 votes

Select All

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/* /* ************************** Plantilla adaptada a Blogger por Blog and Web Diseño original por Gio. Encuentra esta y más plantillas en: http://www.blogandweb.com Recuerda que esta plantilla es gratuita y esta bajo una licencia Creative Commons Atribution. Puedes usarla para fines personales o comerciales pero NO REMOVER LOS CREDITOS Brought to you by http://blogtemplatenow.blogspot.com/ Una bonita forma de agradecer es dando un link a Blog and Web. ***************************** */ /* Definición de variables ==================== <Variable name="textocolor" description="Color general del texto" type="color" default="#333333" value="#333333"> <Variable name="enlacecolor" description="Color de los enlaces (links)" type="color" default="#3888B4" value="#3888B4"> <Variable name="colortituloblog" description="Color del título del blog" type="color" default="#3888B4" value="#3888B4"> <Variable name="descripcioncolor" description="Color de la descripción del blog" type="color" default="#3888B4" value="#3888B4"> <Variable name="colortituloentrada" description="Color del título de las entradas" type="color" default="#8DC919" value="#8DC919"> <Variable name="colorbordes" description="Color de borde superior" type="color" default="#ccc" value="#cccccc"> <Variable name="colorenlaceencima" description="Color del link al pasar el mouse" type="color" default="#8DC919" value="#8DC919"> */ #outer-wrapper { width: 770px; margin: 15px auto 0 auto; } #navbar-iframe { height:0px; visibility:hidden; display:none } /*-- (Genrales) --*/ body { color: $textocolor; background: #FFFFFF ; font: 62.5% Georgia, "Times New Roman", Times, serif; text-align: center; } * { padding: 0; margin: 0; } a { color: $enlacecolor; background-color: #ffffff; text-decoration: underline; } 	a:visited { color: #9FCAE1; background-color: #ffffff; text-decoration: underline;} 	a:hover { color: $colorenlaceencima; background-color: #ffffff; text-decoration: underline; } 	 	a img { border: none; } 	 blockquote { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; background-color: #ffffff; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; } abbr, acronym { border-bottom: 1px dotted #333; text-transform: uppercase; cursor: help; } 	 code { color: #090; background-color: #ffffff; font-family: Monaco, "Courier New", Courier, monospace; } pre { width: 500px; margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; float: left; clear: both; } * html pre { font-size: 1.0em; } h1, h2, h3 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; } h1 { font-size: 3.6em; letter-spacing: -0.03em; } * html h1 { letter-spacing: -0.1em; } 	h1 { color: $colortituloblog; background-color: #ffffff; text-decoration: none; } 	h1 a { color: #3888B4; background-color: #ffffff; text-decoration: none; } 	h1 a:visited { color: #3888B4; background-color: #ffffff; text-decoration: none; } 	h1 a:hover { color: #8DC919; background-color: #ffffff; text-decoration: none; } 	 h2 { font-size: 2.0em; color: $colortituloentrada; background-color: #ffffff; } 	h2 a { text-decoration: none; color: $colortituloentrada; background-color: #ffffff; } 	 	h2 a:visited { text-decoration: none; color: #8DC919; background-color: #ffffff; } 	 	h2 a:hover { text-decoration: none; color: #3888B4; background-color: #ffffff; } h3 { font-size: 1.0em; text-transform: uppercase; } h4 { font: 1.1em Georgia, "Times New Roman", Times, serif; color: #B0B0B0; background-color: #ffffff; } 	h4 a, h4 a:visited { color: #333; background-color: #ffffff; text-decoration: none; } 	 	h4 a:hover { color: #8DC919; background-color: #ffffff; text-decoration: underline; } #main-wrapper {overflow:hidden;} .clear {clear:both;} #blog-pager-newer-link {float: left;} #blog-pager-older-link {float: right;} #blog-pager {text-align: center; } /*-- (Cabecera) --*/ #header-wrapper { } #header-inner { padding: 0.4em 0; border-top: 1px solid $colorbordes; text-align: center; clear: both; } #header { width: 770px; height: 100px; } #header-wrapper p { color: $descripcioncolor; background-color: #ffffff; text-decoration: none; } #header_img { margin: 0 0 3.0em 0; border-bottom: 1px solid #000; float: left; clear: both; } #header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */ #content-wrapper { width: 770px; text-align: left; float: left; clear: both; } /*-- (Menú) --*/ #nav_h ul { 	margin-left: 0; 	padding-left: 0; 	display: inline; 	} #nav_h ul li { 	margin-left: 0; 	padding-right: 0; 	list-style: none; 	display: inline; 	} 		 #nav_h ul li.first { 	margin-left: 0; 	border-left: none; 	list-style: none; 	display: inline; 	} 	 ul#nav { list-style: none; width: 750px; padding: 0 10px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhINCk34Fo1nnekdjyI7u9tj5kG8lwN-8vLr1K4KmDBZoHV1hC1yBMf1FUX7g-ZtYPiFfp3KpbK7xUAKK3JkgyoCR8qMtdxsmq0snCt6y0dKZFvKSXl7ybeLIV0syp1A0nwc50yLRzzithB/s400/blogycuthrdotblackyd8.gif) repeat-x; border-bottom: 3px solid #000; float: left; clear: both; } 	ul#nav li { padding: 0.85em 40px 0.7em 0; font: bold 1.4em Helvetica, Arial, sans-serif; text-transform: uppercase; float: left; } 	 		ul#nav li a, ul#nav li a:visited { color: #838383; background-color: #ffffff; text-decoration: none; } 	 		ul#nav li a:hover { color: #8DC919; background-color: #ffffff; text-decoration: none; } 		 		ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #8DC919; background-color: #ffffff; text-decoration: none; } 		 	ul#nav li.rss { padding: 0.85em 0 0.7em 0; float: right; } 			 		ul#nav li.rss a { padding: 0 18px 0 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzQHWAVuZuIlmsGxhq60t2adINbnj0yepAil4rWcaJG4EuAEkYuYp-TKnF-dB7u2Ef6OCe8gVRYORVNLBecqSioUtmRM2pTz9ZbJ_ibUxw1C7qMvPrQ4Qwql_MannIkMz86FEucXmy6DhI/s400/icon_rss.gif) 100% 50% no-repeat; } /*-- (Principal) --*/ #main-wrapper { width: 500px; padding: 0 40px 0 0; float: left; } #main-wrapper a { } #main-wrapper a:hover { } .post { } .post-title, .post-title a { color:$colortituloentrada; } .post-body { font-size: 1.4em; line-height: 1.65em; } .post-body blockquote { font-size: 1.0em; } .post-body p { margin: 0 0 1.5em 0; } .post-body ul, .post-body ol{ margin: 0 0 1.5em 40px; } .post-body ul { list-style-type: square; } .post-body { margin: 0 0 0.5em 0; } .date-header { margin: 0 0 1.25em 0; padding: 0 0 1.0em 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOSLEXwMUfyWgqmHWEBY39LewHCt6D-cm_d7AfSrwupMJiC3nnD2KxL7Ydepomaq_adJGtAvhXXW_FhZk46YbQ9B-JDjJX4VRH96gphaAG4oIX2PS9iGwDn_tvrICOMs2qbYB9kGgQw9yo/s400/blogycuthrtitlesepar6.gif) 0 100% no-repeat; } .post-footer { margin: 0 0 4.0em 0; padding: 0.4em 0 0 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh4iQw00dKjTB2q-xblzFPclwLevkoRhMzyl2k5zmzZqkJ3HQ9jMp8XDOqGRULLtQOiLcxwxGtar9ZgLt7eN-1LiKOPMSWey8m3Z47qn3VR0_u9ULfQDHEhhSmbFpRNgRQ-GnS_mzp3tlR/s400/blogycuthrtagseper2.gif) no-repeat; font-size: 1.1em; line-height: 1.6em; color: #888; background-color: #ffffff; clear: both; } .post-footer a, .post-footer a:visited { padding: 3px; color: #B0B0B0; background-color: #ffffff; text-decoration: none; } .post-footer a:hover{ color: #fff; background-color:#0066FF; text-decoration: none; } .blog-pager { margin: 0 0 2.5em 0; } /*-- (Lateral) --*/ #sidebar-wrapper { font-size: 1.4em; line-height: 1.65em; width: 230px; float: left; } #sidebar-wrapper ul{ list-style: none; padding: 0; margin: 0; } #sidebar-wrapper li{ background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFYcLzNS27EhGaQGjcYmXXu82LiXRRd196Xs9bsc4MdNgD7x-liYencXYUxNbjxnfPP4jadOrBrdrOF7LLyslmCXQ-CoXST6BMqSTvTaYziDjY1ou_fj0R7hHlCN5S5SdlS7sB1dGZVPIQ/s400/arrow_right.gif); background-repeat: no-repeat; background-position: .13em .1em; padding-left: 2em; margin: 0 0 0.7em 0; } #sidebar-wrapper h2 { font-weight: bold; font-size: 1.1em; text-transform: uppercase; letter-spacing: normal; margin: 0 0 0.8em 0; padding: 0.4em 2px; border-top: 3px solid #000; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhINCk34Fo1nnekdjyI7u9tj5kG8lwN-8vLr1K4KmDBZoHV1hC1yBMf1FUX7g-ZtYPiFfp3KpbK7xUAKK3JkgyoCR8qMtdxsmq0snCt6y0dKZFvKSXl7ybeLIV0syp1A0nwc50yLRzzithB/s400/blogycuthrdotblackyd8.gif) 0 100% repeat-x; } /*-- (Pie de página) --*/ #footer-wrapper { width: 770px; padding: 1.0em 0; border-top: 2px solid #ccc; font: 1.1em/1.4em Helvetica, Arial, sans-serif; float: left; clear: both; } #footer-wrapper a, #footer-wrapper a:visited, #footer-wrapper a:hover { color: #333; background-color:#FFFFFF; text-decoration: none; border-bottom: dotted 1px #666666; } #footer-wrapper .links { } ]]></b:skin> <link href="http://plantillasblogyweb.googlepages.com/estilos-blogger.css" rel="stylesheet" type="text/css" /> <link href="http://plantillasblogyweb.googlepages.com/blogy-cut.css" rel="stylesheet" type="text/css" /> </head> <body> <div id='outer-wrapper'><div id='wrap2'>  <a href="#main">ir a principal </a> | <a href="#sidebar">Ir a lateral</a>  <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Blogy cut (cabecera)' type='Header'> <b:includable id='main'> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == "REPLACE"'>  <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/>  <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'> <data:description/> </div> </div> </b:if> <b:else/>  <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'> <data:description/> </div> </div> </b:if> </b:includable> </b:widget> </b:section> <ul id='nav'> 	<li><a class="current" href="#">Inicio</a></li> 	<li><a href="#">Blog</a></li> 	<li><a href="#">Fotos</a></li> 	<li><a href="http://blogandweb.com">Soporte</a></li> 	<li class='rss'><a href="http://TUBLOG.blogspot.com/feeds/posts/default">RSS</a></li> </ul> <div id='header_img'> 	<img height="140px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTfy35pTKSQEZS6Jw4zJOj1xAXr1bF-RsyesZ5awOXZg3H7XmE13NGBCliJP9i_scVs-ogR8JbmlFN5QQ0Lc9aKi-HC4k4n27PC6eHU_2DpgRsVSyAvFT5es3S_lM0uylR0Qfq5kdTWfQZ/s800/header_5.jpg" width="770px" /> </div> </div> 	 <div id='content-wrapper'>  <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <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> </b:if> <b:if cond='data:olderPageUrl'> <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> </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'>   <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'> <data:post.authorLabel/> <data:backlink.author/> <data:post.timestampLabel/> <data:backlink.timestamp/> </dd> </div> </b:loop> </dl> </b:if> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </b:includable> <b:includable id='post' var='post'> <div class='post uncustomized-post-template'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h2 class='post-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h2> </b:if> <div class='post-header-line-1'/> <b:if cond='data:post.dateHeader'> <h4 class='date-header'><data:post.dateHeader/></h4> </b:if> <div class='post-body'> <data:post.body/> <div style='clear: both;'/>  </div> <div class='post-footer'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <data:post.author/> </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' title='permanent link'><data:post.timestamp/></a> </b:if> </b:if> <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>  <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>  <b:if cond='data:post.emailPostUrl'> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>   </a> </b:if>  <b:include data='post' name='postQuickEdit'/> <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> </div> </div> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>   </a> </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"'>  <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/>  <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.feedLinks'> <b:include data='post.feedLinks' name='feedLinksBody'/> </b:if> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>   </a> </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'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>   </a> </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'> <data:comment.body/> <b:else/> <data:comment.body/> </b:if> </dd> <dd class='comment-footer'> <a expr:href='"#comment-" + data:comment.id' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </dd> </b:loop> </dl> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='main' var='top'>  <div class='blog-posts'> <b:include data='top' name='status-message'/> <data:adStart/> <b:loop values='data:posts' var='post'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comments'/> </b:if> </b:loop> <data:adEnd/> </div>  <b:include name='nextprev'/>  <b:include name='feedLinks'/> </b:includable> </b:widget> </b:section> </div>  <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <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='HTML1' locked='false' title='Vinculos patrocinados' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Feed1' locked='false' title='Recursos Blog & Web' 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> <a expr:href='data:i.alternate.href'> <data:i.title/> </a> <b:if cond='data:showItemDate'> <b:if cond='data:i.str_published != ""'>  - <data:i.str_published/> </b:if> </b:if> <b:if cond='data:showItemAuthor'> <b:if cond='data:i.author != ""'>  - <data:i.author/> </b:if> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <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='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> (<data:i.post-count/>) <b:if cond='data:i.data'> <b:include data='i.data' name='interval'/> </b:if> <b:if cond='data:i.posts'> <b:include data='i.posts' name='posts'/> </b:if> </li> </ul> </b:loop> </b:includable> <b:includable id='toggle' var='interval'> <b:if cond='data:interval.toggleId'> <b:if cond='data:interval.expclass == "expanded"'> <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'> ▼ </a> <b:else/> <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'> ► </a> </b:if> </b:if> </b:includable> <b:includable id='posts' var='posts'> <ul class='posts'> <b:loop values='data:posts' var='i'> <li><a expr:href='data:i.url'><data:i.title/></a></li> </b:loop> </ul> </b:includable> </b:widget> </b:section> </div>  <div class='clear'/> </div>   <div id='footer-wrapper'>  Diseño original por <a href="http://www.isulongseophil.com">Gio</a> | Adaptación a Blogger por <a href="http://blogandweb.com/">Blog and Web</a> </div> </div></div>  </body> </html>

Features

Authors:

Blogandweb / Binarybonsai

1 Column,Adapted from Wordpress,Black,Minimalist,Rounded corners,Web 2.0

How to:

How to install a Template?

Rating:

3 votes

Select All

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/* /* ************************** Plantilla adaptada a Blogger por Blog and Web Diseño original por Valter Nepomuceno. Encuentra esta y más plantillas en: http://www.blogandweb.com Recuerda que esta plantilla es gratuita y esta bajo una licencia Creative Commons Atribution. Puedes usarla para fines personales o comerciales pero NO REMOVER LOS CREDITOS Algunos iconos por famfamfam.com Una bonita forma de agradecer es dando un link a Blog and Web. ***************************** */ /* Definición de variables ==================== <Variable name="enlacecolor" description="Color de los enlaces (links)" type="color" default="#EE0088" value="#EE0088"> <Variable name="colortituloblog" description="Color del título del blog" type="color" default="#FFFFFF" value="#FFFFFF"> <Variable name="colortituloentrada" description="Color del título de las entradas" type="color" default="#444" value="#444444"> */ #outer-wrapper { } #wrap2 { 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr7LPOSvawNmrFyVTS2sgsMCAkkosPpVdty_XFsUpY5Pt2xFq8zXLcvx-EtmUyQQvpUpEPy4S6c9HyiGzPnkP5x0PL87kjh_ItrtSVxg32v9IRGjVYjBWECz_CS9UAwMqKFRjIKi5QEcOB/s800/bloggyminimalistanegroljt8.png); 	text-align: left; 	margin: 0px auto; 	width: 719px; 	_width: 719px; } #navbar-iframe { height:0px; visibility:hidden; display:none } #top_layout { 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8GehgnxL3YyXckbdNUwwdv46KKaUSSNBMqW6H-M3eVcm4ZJTyZh5tqYdOF7413JttFk8ohVHAQH0Kqs_Ix27Xm2KbHyKZ072d9QOqqCoLn9bk5rZAwnk5z2rcvbs3DlFCZ1TV50qj7NuN/s800/layout_top.png); 	width:719px; 	height:53px; 	margin: 30px auto 0; } /*-- (Genrales) --*/ body { 	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7KxLrnPD51oHGsIBd54nIKNTVC0VmVTo2Us-zvcAQnI2FTcOEi3ZMc04WklNub6t-kW_FGLrj0ZD6AcXJ6UFC8FCr1facC0TklbNVMkD66yefYMz2AI0auvP_4Xv0UXo1xl07naA1d5f4/s400/wallpaper.jpg); 	text-align: center no-repeat; 	margin: 0 0 30px; 	} h1, h2, h3, h4 { 	font-family: 'Trebuchet MS', Verdana, Sans-Serif; 	} h1 { 	font-size: 3em; 	font-weight: bold; 	letter-spacing: -1px; 	padding-top: 75px; 	margin: 0 0 0 40px; 	width: 100%; 	} h1, h1 a, h1 a:hover, h1 a:visited, #header .description { 	text-decoration: none; 	color: $colortituloblog; 	} a { color:$enlacecolor; text-decoration:none; } h1:hover { 	text-decoration: underline; 	} code { 	font: 1.1em 'Courier New', Courier, monospace; 	} acronym { 	font-size: 0.9em; 	letter-spacing: .07em; 	border-bottom: 1px dashed #999; 	cursor: help; 	} 	 abbr { 	font-size: 0.9em; 	letter-spacing: .07em; 	cursor: help; } blockquote { 	margin: 20px 0; 	padding: 0 20px 0 50px; 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifFizh2IopZ5YdwWOhLbSLfhzTQl1U3ghuMXqoIVtdiuDIk_GeeE7VLXoOnd2ab9riNNeDgAZmsmzf_dyv-whg9kSDK134GAVLMC1v2LXXfvAgYVbOCOP8vay5-97EfCvzR9_wG5grrltK/s400/quote.png) 5% no-repeat; 	border: none; 	} hr { 	display: none; } #main-wrapper {overflow:hidden;} .clear {clear:both;} #blog-pager-newer-link {float: left;} #blog-pager-older-link {float: right;} #blog-pager {text-align: center; } /*-- (Cabecera) --*/ #header-wrapper { 	text-align:left; 	width: 658px; 	padding:0px; 	margin:0px auto; 	position: relative; 	height: 200px; 	background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXYz6CutUlOGPbsncK7tETgyB68F_IaRZAeegmCjwQoWjEkqlnFs1vei0ohUnHBEOCKMmRxqWQqsAqnHK5ehXMEhL9o5WwOgkql_IzjC4UHVkjp4cBb5oz5YATKSEXb94wR6-g5kkGA5vl/s800/header.jpg); background-repeat: no-repeat; } #header-wrapper h1 { } #header-wrapper p { /* Blog description, under blog title */ 	font-size: 1em; 	margin: 0 0 0 40px; 	display: inline; 	} #header-wrapper a { text-decoration: none; } #content-wrapper { 	width: 655px; 	_width: 655px; 	padding: 15px 0 10px; 	margin: 0 10px 0 30px; 	_margin: 0 20px 0 15px; } /*-- (Menú) --*/ ul.menu { 	margin: 0; 	padding: 0; 	position: absolute; 	bottom: 0; 	left: 20px; 	width: 90%; 	} ul.menu li { 	display: inline; 	margin: 0; 	} ul.menu, ul.menu li a { 	padding: 5px 15px 6px; 	} ul.menu li a { 	font: 1em Verdana, Helvetica, Arial, Sans-Serif; 	color: #000; 	margin: 0; 	} ul.menu li a:hover { 	background: #ee0088; 	color: #eee !important; 	text-decoration: none; 	} ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover { 	color: #333 !important; 	background: white; 	text-decoration: none; 	} /*-- (Principal) --*/ #main-wrapper { padding-bottom: 0px; } #main-wrapper h3, #main-wrapper h4 { 	font-size: 2.2em; 	font-weight: normal; 	letter-spacing: -1px; 	display: inline; 	} #main-wrapper a { } #main-wrapper a:hover { } .post { 	margin-top: 10px; } .post-title, .post-title a { 	font-family: 'Trebuchet MS', Verdana, Sans-Serif; 	font-size: 1 em; 	display: block; 	padding: 15px 0 0; 	color: $colortituloentrada; text-decoration:none; } .post-body { } .date-header { 	padding-left:20px; 	padding-top:5px; 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO-PYbchO6yglYJAbuAmdop-y7R18hYRGNGiTxU8FWBAFZg8r3B7yGiySFLuqmtfkdx6q22iuyVGxBnR0SXx_5fFxrMaHsZmomw0sQHRTMfa76bpGtR6RE4RXYwk1OFGEv5agjV8TsN0a8/s400/time.png) center left no-repeat; } .post-footer { 	font-size: 1em; 	display: block; 	margin-top: 2px; 	color: #bbb; 	} .post-footer a { 	color: #777; 	} #blog-pager { 	text-align: center; 	margin: 10px 0 10px; 	padding: 10px 0 0 0; 	width: 100%; 	} #blog-pager a { 	color: #999; 	} /*-- (Lateral) --*/ #sidebar-wrapper { 	width:658px; 	padding:20px 4px 4px 4px; margin:0 auto; } #sidebar-wrapper ul{ } #sidebar-wrapper li{ } #sidebar-wrapper h2 { 	font-size: 15px; 	padding: 0; } .widget-content { } .sidebar .widget, .footer .widget { padding:bottom:10px; } #sidebar1, #sidebar2, #sidebar3 { 	font: 11px/14px Lucida Grande, Verdana, Arial, Sans-Serif, Segoe UI, Sans-Serif; 	padding: 0px 0 10px 0; 	color: #666; 	width:100%; 	position: relative; 	/* Los siguientes son correcciones para IE, raro no?! */ 	_padding: 30px 0 10px; 	_margin-left: 0%; 	_margin-right: -4%; 	_width: 26.5%; } #sidebar1 { 	width: 212px; 	float: left; } #sidebar2 { 	width: 212px; 	float: left; 	margin-left: 10px; } #sidebar3 { 	width: 200px; 	float: right; 	padding-left: 10px; } /*-- (Pie de página) --*/ #footer-wrapper { margin: -6px auto 0 auto; 	font-size: .9em; 	line-height: 1.5em; 	color: #FFF; 	width:719px; 	height:53px; 	background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqzltecmX0DeibVUIgHSAQPm734WQ3CXg-9hTP9fQLdCXiMrNKYzhP1PE7hQZyrOm4kfHg4yxmCrsRh0zSFsG7RYHmRHSOxUHL3HujfQKt7Hx3Os_SeQ2lAJtIj616kFfvUrWaCZr4jZvN/s800/layout_bottom.png); 	text-align: center; 	} #footer { padding-top: 5px; } #footer-wrapper a { 	color: #FFF; 	font-weight: bold; 	} #footer-wrapper a:hover { 	border: none; 	font-weight: bold; 	} /*-- (Iconos)-- */ .post-labels { 	padding-left:20px; 	padding-top:5px; 	background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-EZ_BwYDe7nPSUu8YmF9cPZZC51Pvk81MQ6KaVMS_ygrRWCOR3qTDa3t92NV4kw_wOWRhZm-zaX3TEeP6hA_6wRLKJZnQyixINbID9aMXYupX0nYFht_-fJY7O-IbzJ8ScmgxWzIMjc2p/s800/etiqueta_naranja.gif) center left no-repeat; } .post-author { 	padding-left:20px; 	padding-top:5px; 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFINvhzSi4e7riMf9-wR68NDzr-dGGAEmHqonlT_xbwCDDZYVJO4j_IHoRU67YV9Q_JJeVjmyOrx3J8ZWFRcIlHYvmMg2gq2cHsdUuD8CC6sB5JL3nkKWvKeIoQl1MAyGOi27h-H9jaHmA/s800/autor.gif) center left no-repeat; } .comment-link { padding-left:20px; padding-top:5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBVv0S31oMHUWezL-B1WjrPMnHtQNz91bMGblc5OGliRsrhFGq4VvM9j3p5JVcYxKlVa-uVNxRQADq8rjU8cRc06f1FPEPFJWuXp8SXyO5FUGL24OL3AfIJi_MUhU-OIGPQlFBgAHk_N_N/s800/comment.png) center left no-repeat; } .feed-links { 	padding-left:20px; 	padding-top:5px; 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRHrp2kXxaexhyphenhyphenvzPzWDmkJ6e2zHVL7hwKkvOBVSHF4lRpE6RZPZ-OPseCOMcNn_0KLJAw8LXSvYVJy007XH4I7a70luuw69DAk-8xQEKTJAJohmqRYjp2OXe9HNEsxo5PFoh3Y6hHKsns/s400/icono-feed.gif) center left no-repeat; } ]]></b:skin> <link href="http://plantillasblogyweb.googlepages.com/estilos-blogger.css" rel="stylesheet" type="text/css" /> <link href="http://plantillasblogyweb.googlepages.com/blogy-minimalistanegro.css" rel="stylesheet" type="text/css" /> </head> <body> <div id='outer-wrapper'> <div id='top_layout'/> <div id='wrap2'>  <a href="#main">ir a principal </a> | <a href="#sidebar">Ir a lateral</a>  <div id='header-wrapper'> <ul class='menu'> <li class='current_page_item'><a href="#">Blog</a></li> <li class='page_item'><a href="#">Fotos</a></li> <li class='page_item'><a href="#">Perfil</a></li> <li class='page_item'><a href="http://blogandweb.com">Soporte</a></li> </ul> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Blogy Minimalista Negro (cabecera)' type='Header'> <b:includable id='main'> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == "REPLACE"'>  <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/>  <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'> <data:description/> </div> </div> </b:if> <b:else/>  <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'> <data:description/> </div> </div> </b:if> </b:includable> </b:widget> </b:section> </div> 	 <div id='content-wrapper'>  <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <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> </b:if> <b:if cond='data:olderPageUrl'> <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> </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'>   <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'> <data:post.authorLabel/> <data:backlink.author/> <data:post.timestampLabel/> <data:backlink.timestamp/> </dd> </div> </b:loop> </dl> </b:if> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </b:includable> <b:includable id='post' var='post'> <div class='post uncustomized-post-template'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='post-header-line-1'/> <div class='post-body'> <data:post.body/> <div style='clear: both;'/>  </div> <div class='post-footer'> <b:if cond='data:post.dateHeader'> <data:post.dateHeader/> | </b:if> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <data:post.author/> </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' title='permanent link'><data:post.timestamp/></a> </b:if> </b:if> <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>  <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>  <b:if cond='data:post.emailPostUrl'> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>   </a> </b:if>  <b:include data='post' name='postQuickEdit'/> <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> </div> </div> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>   </a> </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"'>  <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/>  <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.feedLinks'> <b:include data='post.feedLinks' name='feedLinksBody'/> </b:if> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>   </a> </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'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>   </a> </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'> <data:comment.body/> <b:else/> <data:comment.body/> </b:if> </dd> <dd class='comment-footer'> <a expr:href='"#comment-" + data:comment.id' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </dd> </b:loop> </dl> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='main' var='top'>  <div class='blog-posts'> <b:include data='top' name='status-message'/> <data:adStart/> <b:loop values='data:posts' var='post'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comments'/> </b:if> </b:loop> <data:adEnd/> </div>  <b:include name='nextprev'/>  <b:include name='feedLinks'/> </b:includable> </b:widget> </b:section> </div>  <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar1'> <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> (<data:i.post-count/>) <b:if cond='data:i.data'> <b:include data='i.data' name='interval'/> </b:if> <b:if cond='data:i.posts'> <b:include data='i.posts' name='posts'/> </b:if> </li> </ul> </b:loop> </b:includable> <b:includable id='toggle' var='interval'> <b:if cond='data:interval.toggleId'> <b:if cond='data:interval.expclass == "expanded"'> <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'> ▼ </a> <b:else/> <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'> ► </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: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:section> <b:section class='sidebar' id='sidebar2'> <b:widget id='Feed1' locked='false' title='Recursos Blog & Web' 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> <a expr:href='data:i.alternate.href'> <data:i.title/> </a> <b:if cond='data:showItemDate'> <b:if cond='data:i.str_published != ""'>  - <data:i.str_published/> </b:if> </b:if> <b:if cond='data:showItemAuthor'> <b:if cond='data:i.author != ""'>  - <data:i.author/> </b:if> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> <b:section class='footer' id='sidebar3'> <b:widget id='HTML1' locked='false' title='Acerca del blog' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div>  <div class='clear'/> </div></div>   <div id='footer-wrapper'> <div class='footer' id='footer'/>  Diseño original por <a href="http://binarybonsai.com/">Binary Bonsai</a> | Adaptación a Blogger por <a href="http://blogandweb.com/">Blog and Web</a> </div> </div>  </body> </html>

Features

Authors:

Blogandweb / Ndesign studio

2 Columns,Adapted from Wordpress,Blue ,Fixed width,Elegant ,Gradients ,Green ,Right sidebar,Web 2.0

How to:

How to install a Template?

Rating:

3 votes

Select All

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/* /* ************************** Plantilla adaptada a Blogger por Blog and Web Diseño original por NDesign Studio. Encuentra esta y más plantillas en: http://www.blogandweb.com Recuerda que esta plantilla es gratuita y esta bajo una licencia Creative Commons Atribution. Puedes usarla para fines personales o comerciales pero NO REMOVER LOS CREDITOS Una bonita forma de agradecer es dando un link a Blog and Web. ***************************** */ /* Definición de variables ==================== <Variable name="textocolor" description="Color general del texto" type="color" default="#333333" value="#333333"> <Variable name="enlacecolor" description="Color de los enlaces (links)" type="color" default="#CC6600" value="#CC6600"> <Variable name="colortituloblog" description="Color del título del blog" type="color" default="#c9eefe" value="#c9eefe"> <Variable name="descripcioncolor" description="Color de la descripción del blog" type="color" default="#c9eefe" value="#c9eefe"> <Variable name="colortituloslateral" description="Color de los titulos en la barra lateral" type="color" default="#758d38" value="#758d38"> <Variable name="colortextolateral" description="Color del texto en la barra lateral" type="color" default="#666666" value="#666666"> <Variable name="colorenlaceencima" description="Color del link al pasar el mouse" type="color" default="#FF6600" value="#FF6600"> */ #outer-wrapper { 	margin: 0px auto; 	width: 760px; 	border-bottom: 5px solid #d5e6eb; 	border-left: 5px solid #d5e6eb; 	border-right: 5px solid #d5e6eb; 	background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJOciBr_zV95QJRcZNQN-ZOfPRg5YRNuuJdh7SRgDgIRgvusbifrHyB__57uVy0vR2FHa8IM7se5hhWYmUEWbbgZYdbhoPsNy6J4HzmI_KZSEsyKEWqP7sXuC97IhKSh86FKRiZtvV4Ul1/s800/contentbgzk0.gif) repeat-y; } #navbar-iframe { height:0px; visibility:hidden; display:none } .clear { clear:both; } /*-- (Genrales) --*/ body { 	font: 75%/150% "Trebuchet MS", Tahoma, Arial; 	color: $textocolor; 	background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP3IMO6l1KEMRlnNY7LsU6xjb9SRzs2k-T7XdjJsdolJTVZIxQL5rMTZKDbPtDAemW9w3mkY60gbG0JQYMMcHnfkoX5nqf-kbtO75Z_HnXYCo6asrP96kWT07ExYZCS-CorxmbFf25gAMA/s400/main-bg.gif); 	margin: 0px; 	padding: 0px 0px 30px; } a { 	color: $enlacecolor; 	text-decoration: none; } a:visited { 	color: #CC6633; 	text-decoration: none; } a:hover { 	color: $colorenlaceencima; 	text-decoration: underline; } img { 	border: none; } p { 	padding: 0px 0px 15px; 	margin: 0px; } h1 { 	margin:0px; 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2pAY1PIByjrcW-0iVBI-Z17YzGz_ntVEGMhEWxub0xwxFpvuNVlMGI1LTC2X0lM3sJ-H-Dc-qjWRXxPApY5GuCxFdF84Kzlz-9L8umaDGim_AtR4T9DwHRaoPSueUWe7dQyQsVfqdGZZK/s400/header-icon.gif) no-repeat; 	padding-left: 70px; 	height: 60px; 	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial; 	color: $colortituloblog; } h1 a, h1 a:visited{ 	color: #c9eefe; 	text-decoration: none; } h1 a:hover{ 	color: #ffffff; 	text-decoration: none; } h2 { 	color: #59770e; 	margin: 0px 0px 2px; 	border-bottom: 1px dotted #CCCCCC; 	letter-spacing: -1px; 	font: normal 190%/100% "Trebuchet MS", Tahoma, Arial; 	padding-bottom: 3px; } h2 a, h2 a:visited { 	color: #59770e; 	text-decoration: none; } h2 a:hover { 	color: #FF6600; 	text-decoration: none; } h3 { 	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial; 	color: #758d38; 	margin: 10px 0px 5px; } h4 { 	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial; 	color: #758d38; 	margin: 10px 0px 5px; } form { 	margin:0px; 	padding:0px; } #main-wrapper {overflow:hidden;} .clear {clear:both;} #blog-pager-newer-link {float: left;} #blog-pager-older-link {float: right;} #blog-pager {text-align: center; } /*-- (Cabecera) --*/ #header-wrapper { 	background: #0FACEA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5UTpyQdB2MDiKEhhMhq2_L0O8_8ybZgv89sQ4Rgagf6rKvRNe7xnL-d4I197T06iNrW-3Qbk3kKPZS5vnsn0tk6LnLQmJjaR0JyhcjFOxKsygVC1_ZOCQG049e89LkNJFFNYxqkSebRwj/s800/header-bg.jpg) no-repeat; 	height: 170px; 	border-bottom: 3px solid #59780a; 	position: relative; } #header-inner { 	position: relative; 	padding: 30px 0px 0px 40px; 	height: 60px; } #header-inner .description { 	position: absolute; 	left: 113px; 	bottom: -12px; 	color: $descripcioncolor; 	font-size: 14px; } #header-wrapper a { } #content-wrapper { } /*-- (Menú) --*/ #nav { 	list-style: none; 	margin: 0px; 	position: absolute; 	right: 10px; 	bottom: 0px; } #nav li { 	float: left; 	margin-left: 5px; } #nav .current_page_item a, #nav .current_page_item a:visited{ 	color: #000000; 	text-decoration: none; } #nav .page_item a{ 	color: #ffffff; 	text-decoration: none; 	background: #5c8d0c url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7nYVwzVBCyq4EKj_d2JoLZOJtDlFsXj66LX7BvDO9XMyL3etsV3nDL-MG5LzeSzE31ns9yzYpiCZURBZ1lX3QdH99NdaD6uHVyVmM_ZwdnS_UFy7yrP96TMWZyNunSn8TpRlF2raL1qrg/s400/nav-button-bg.gif) repeat-x; 	padding: 5px 15px; 	font: bold 14px/100% Arial, Helvetica, sans-serif; 	border-top: 1px solid #E6EED0; 	border-left: 1px solid #AFCD69; 	border-right: 1px solid #AFCD69; 	display: block; } #nav .page_item a:hover { 	color: #000000; } /*-- (Principal) --*/ #main-wrapper { 	padding: 10px 0px 30px 20px; 	float: left; 	width: 485px; 	overflow: hidden; } #main-wrapper a { } #main-wrapper a:hover { } .post { 	clear:both; 	padding-top: 15px; } .post-title { 	float: left; 	margin-left: 10px; 	width: 430px; 	margin: 0px 0px 2px; 	border-bottom: 1px dotted #CCCCCC; 	letter-spacing: -1px; 	font: normal 190%/100% "Trebuchet MS", Tahoma, Arial; 	padding-bottom: 3px; } .post-body { 	clear: both; 	padding-top: 10px; } .date-header { 	color: #666666; 	margin: 5px 0px 0px; 	font: bold 90%/90% "Lucida Grande", Arial, sans-serif; 	padding-left:20px; 	padding-top:5px; 	background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwPjayMVMZvYpdAyPqwGR_OVGB8-zhu0bl4OF0ZPvGJuivPNLPolBbmQvuRMiCMHzPLgeSfm9K5rxXmGVI2TkhxFAmuAYu-w3mUTY-IQWVKQ4xmAaIBHHgvkd2gHhgzIrTWDhrOtnXeaSw/s400/mini-archive.gif) center left no-repeat; border:0; } .post-footer { } #blog-pager { 	clear: both; 	padding: 10px 0px; } #blog-pager a, .navigation a:visited { 	color: #59770e; } #blog-pager-newer-link a { 	float: left; 	padding-left: 18px; 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkqip8_Ohd8Ml32pVMgvyq9C9RqYH3ykuyfkXJY-p1cFoen7qZKgGouiODeDfPV9xJ2Ee3NMMjWarOz7KwNwXT3uA0omS70EnTasJslo-a_UrP4PtejCUD4iIzW_sS2aj2h4xn1BWxdAKh/s400/mini-nav-left.gif) no-repeat left center; } #blog-pager-older-link a { 	float: right; 	padding-right: 18px; 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB2d7xFQjg-Foq8XVDaYQaN5sB-_ZofF509xIcUaOoiJT7DERSKkBUdVzL3tbURDnOHkcZsqjDblVd6Bp2sxLi7GSo9K3Fo_FUPe2uQNq6Rk_f8Hd8AmaM67He7oE7fH47SSfFx4xO6Cjn/s400/mini-nav-right.gif) no-repeat right center; } /*-- (Lateral) --*/ #sidebar-wrapper { 	float: right; 	padding: 0px 10px 20px 0px; 	width: 220px; 	color: $colortextolateral; 	overflow: hidden; } #sidebar-wrapper ul{ 	margin: 0; 	padding: 0; } #sidebar-wrapper li{ 	list-style: none; 	margin: 0; 	padding: 0; 	border: none; } #sidebar-wrapper h2 { 	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial; 	color: $colortituloslateral; 	margin: 20px 0px 2px; 	border-bottom: 1px solid #CFE1AC; } .widget-content { } #sidebar-wrapper a, #sidebar-wrapper a:visited{ 	color: #495233; 	text-decoration: none; } #sidebar-wrapper a:hover{ 	color: #FF6600; 	text-decoration: none; } /*-- (Pie de página) --*/ #footer-wrapper { 	clear: both; 	background: #048DB4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzT1iUpaBDjImn2T7Asko8GNEjzSqYW96x4HoZKHb44k-WMOWDQ_QafHMbRyqx0e9t-To3cuFX-wH5KVFs5hc_NAWNlF5iT9R0aZuPGssirRK6wi1lKS3ZazlMM13SZwzSJTy_rpy30PMK/s400/footer-bg.gif) no-repeat; 	color: #ACD7EE; 	font-size: 95%; 	line-height: 130%; 	padding-bottom: 10px; } #footer-wrapper ul{ 	margin: 0; 	padding: 0; } #footer-wrapper li{ 	list-style: none; 	margin: 0; 	padding: 0; 	border: none; } #footer-wrapper .links { } #footer-wrapper a, #footer-wrapper a:visited { 	color: #ffffff; } #footer-wrapper h2 { 	font: normal 146%/100% "Trebuchet MS", Tahoma, Arial; 	color: #9cdbfb; 	margin: 10px 0px 5px; } #footer1 { 	width: 240px; 	float: left; 	margin-left: 10px; } #footer2 { 	width: 240px; 	float: left; 	margin-left: 10px; } #footer3 { 	width: 220px; 	float: right; 	padding-right: 10px; 	padding-left: 10px; 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_dTmlyUaIFDYffPJvCGuPhprMk0FftraHzqjFdyxAJfm7miT1Eq9S0JiWQcocR3J1qHAUe5o6s3CIRCKeoyV3LNG0KW37phnp2BpE03gk271u_lTV38CvoaYj7Oq-zno2cDr_XqUmjmFV/s400/footer-right-bg.gif) no-repeat; } #links { 	margin: 0px auto; 	width: 760px; 	color: #7a9299; 	font-size: 85%; 	line-height: 120%; } #links a, #links a:visited { 	color: #048db4; } /*-- (Iconos)-- */ .comment-link { 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOmmQVUkC1o_ntzKIOD1LOYQTFHZv3EE6-ffNNIZ6Pdh_WTeDpOsPzdCsyPtgkeFUlclUsngkxDv07LGyYkuUjR7hwGtNSzPc3oe2IFyTX0zzlpvj63503voWrefGwUrODex9ECcPm0TSZ/s400/mini-comments.gif) no-repeat; 	padding-left: 20px; 	font-size: 95%; } .post-labels { 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidznsdC0ZAm_n5_kr6k9DoqTlpBridY8DqVQNY7CnvURbEXvrEzNzNx1aMHDY37o_OtCJXWJdVoGz6NPh_o9uKHbHfH9NOXVu7UZ1qMeP-L82qgSeR0zxxANBE3WSVb9zVJHUhSYXnO3Yl/s400/mini-category.gif) no-repeat; 	padding-left: 20px; 	float:left; 	font-size: 95%; 	color: #999999; } .post-author { 	padding-left:20px; 	padding-top:5px; 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0dO2-6oxdbVt5u7vIbHKGVYtXAM7WDqUzg-aVDhncigJuUctsavFNKA-_eJNBndM9fhSee9Ag8xrmsfnInjxzmWH3bIIcc-vKbD-eXrZSqELJZP74N3hiF0PaZ4DcwYUFepY-SmnrZHRX/s400/mini-loginout.gif) center left no-repeat; } .feed-links { 	padding-left:20px; 	padding-top:5px; 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfIC-Q80tLsxphdGlZcFzgU9YqnG52_u-V19QogkquLvtofUTtOhfaPb8q0CTndHHHh9OgB4aKsVP5IQwEGAD_9ghpfEyXGo_bP3FtAguza-0RHelH8HoRqCQZ-FgiXCKpI6mj9WGKmbnU/s400/mini-rss.gif) center left no-repeat; } #LinkList1 li, #LinkList2 li { 	padding-left:20px; 	padding-top:5px; 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJtWdqsITZCmJXe87T9OKdW71FuJGn2pw4TPzlsTFI9KU6yUvQx-jrsDpdkVkSNyO92hihRhihQL9dRyL7pXP95KSKAe3w7Afyhyphenhyphen-Hi6aHEIt9u3gIXFXOJC6PCq9_mh877y9282932sUg/s400/mini-blogroll.gif) center left no-repeat; } #TextList1 li, #TextList2 li { 	padding-left:20px; 	padding-top:5px; 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYlsNYQErM7VVBkYAcVr75JTiCKegWP6iT78C2k8iOTQVrX4mishghO1eXt0Vbl5n0lLNG9DoD7R48bp0_PoG51Cgmg7fWi3ZT9FaVnauXowHgj1Sg3BpS_SPawI83xTLyjZOyZI6Hdbx5/s400/mini-page-arrow.gif) center left no-repeat; } .toggle { 	padding-left:20px; 	padding-top:5px; 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifSyyEzToz-xMAdCngNqmMxR9AvGoXDs-O20SSp3I-OcAyWdpvzCoYDjxT6o4NNw1BeR5Qq-SeQrKCTF-N-KjvRO8ddcGFcUYhwAxW8rZMm_eqJku5E1Sy70IqXuNYrV7coT4m3pVaE2m0/s400/mini-monthly-archive.gif) center left no-repeat; } .zippy { display:none; visibility:hidden; } #Label1 li, #Label2 li{ 	padding-left:20px; 	padding-top:5px; 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidznsdC0ZAm_n5_kr6k9DoqTlpBridY8DqVQNY7CnvURbEXvrEzNzNx1aMHDY37o_OtCJXWJdVoGz6NPh_o9uKHbHfH9NOXVu7UZ1qMeP-L82qgSeR0zxxANBE3WSVb9zVJHUhSYXnO3Yl/s400/mini-category.gif) center left no-repeat; } #Feed1 li, #Feed2 li{ 	padding-left:20px; 	padding-top:5px; 	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfIC-Q80tLsxphdGlZcFzgU9YqnG52_u-V19QogkquLvtofUTtOhfaPb8q0CTndHHHh9OgB4aKsVP5IQwEGAD_9ghpfEyXGo_bP3FtAguza-0RHelH8HoRqCQZ-FgiXCKpI6mj9WGKmbnU/s400/mini-rss.gif) center left no-repeat; } ]]></b:skin> <link href="http://http://plantillasblogyweb.googlepages.com/blogy-azul-brillante.css" rel="stylesheet" type="text/css" /> </head> <body> <div id='outer-wrapper'><div id='wrap2'>  <a href="#main">skip to main </a> | <a href="#sidebar">skip to sidebar</a> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Blogy - Azul Brillante (cabecera)' type='Header'> <b:includable id='main'> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == "REPLACE"'>  <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/>  <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'> <data:description/> </div> </div> </b:if> <b:else/>  <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'> <data:description/> </div> </div> </b:if> </b:includable> </b:widget> </b:section> <div> <ul id='nav'> <li class='page_item'><a href="#" title="Inicio">Inicio</a></li> <li class='page_item'><a href="#" title="Perfil">Perfil</a></li> <li class='page_item'><a href="#" title="Perfil">Fotos</a></li> <li class='page_item'><a href="http://blogandweb.com" title="Perfil">Soporte</a></li> </ul> </div> </div> <div id='content-wrapper'> <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <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> </b:if> <b:if cond='data:olderPageUrl'> <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> </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'>   <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'> <data:post.authorLabel/> <data:backlink.author/> <data:post.timestampLabel/> <data:backlink.timestamp/> </dd> </div> </b:loop> </dl> </b:if> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </b:includable> <b:includable id='post' var='post'> <div class='post uncustomized-post-template'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='post-header-line-1'/> <div class='post-body'> <data:post.body/> <div style='clear: both;'/>  </div> <div class='post-footer'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <data:post.author/> </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' title='permanent link'><data:post.timestamp/></a> </b:if> </b:if> <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>  <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>  <b:if cond='data:post.emailPostUrl'> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>   </a> </b:if>  <b:include data='post' name='postQuickEdit'/> <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> </div> </div> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>   </a> </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"'>  <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/>  <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.feedLinks'> <b:include data='post.feedLinks' name='feedLinksBody'/> </b:if> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>   </a> </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'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>   </a> </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'> <data:comment.body/> <b:else/> <data:comment.body/> </b:if> </dd> <dd class='comment-footer'> <a expr:href='"#comment-" + data:comment.id' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </dd> </b:loop> </dl> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='main' var='top'>  <div class='blog-posts'> <b:include data='top' name='status-message'/> <data:adStart/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><data:post.dateHeader/></h2> </b:if> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comments'/> </b:if> </b:loop> <data:adEnd/> </div>  <b:include name='nextprev'/>  <b:include name='feedLinks'/> </b:includable> </b:widget> </b: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: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='HTML2' locked='false' title='Vinculos patrocinados' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Feed1' locked='false' title='Recursos Blog & Web' 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> <a expr:href='data:i.alternate.href'> <data:i.title/> </a> <b:if cond='data:showItemDate'> <b:if cond='data:i.str_published != ""'>  - <data:i.str_published/> </b:if> </b:if> <b:if cond='data:showItemAuthor'> <b:if cond='data:i.author != ""'>  - <data:i.author/> </b:if> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <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> (<data:i.post-count/>) <b:if cond='data:i.data'> <b:include data='i.data' name='interval'/> </b:if> <b:if cond='data:i.posts'> <b:include data='i.posts' name='posts'/> </b:if> </li> </ul> </b:loop> </b:includable> <b:includable id='toggle' var='interval'> <b:if cond='data:interval.toggleId'> <b:if cond='data:interval.expclass == "expanded"'> <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'> ▼ </a> <b:else/> <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'> ► </a> </b:if> </b:if> </b:includable> <b:includable id='posts' var='posts'> <ul class='posts'> <b:loop values='data:posts' var='i'> <li><a expr:href='data:i.url'><data:i.title/></a></li> </b:loop> </ul> </b:includable> </b:widget> </b:section> </div>  <div class='clear'/> </div>  <div id='footer-wrapper'> <b:section class='footer' id='footer1'> <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:section> <b:section class='footer' id='footer2'> <b:widget id='TextList1' locked='false' title='Lista' type='TextList'> <b:includable id='main'> <h2><data:title/></h2> <div class='widget-content'> <ul> <b:loop values='data:items' var='item'> <li><data:item/></li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> <b:section class='footer' id='footer3'> <b:widget id='HTML1' locked='false' title='Acerca del blog' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> <div class='clear'/> </div> <div class='clear'/></div> </div> <div id='links'>Diseño e iconos por <a href="http://www.ndesign-studio.com/">N.Design Studio</a> | Adaptación a Blogger por <a href="http://blogandweb.com/">Blog and Web</a></div></body></html>

Blogger template for free

Cut

Minimalista Negro

Azul Brillante

Subscribe

Categories