Mostruário de Templates: Template Café

2 colunas, estilo revista. Sidebar oculta, menu com imagens. Clique na imagem para ver o template instalado.

Demo

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>

   <b:include data='blog' name='all-head-content'/>
   <title><data:blog.pageTitle/></title>
   <b:skin><![CDATA[/*
-----------------------------------------------
Template Café
http://templateseacessorios.blogspot.com
abril de 2010
Elke di Barros
Não retire os créditos !
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Cor de fundo do blog"
   type="color" default="#fff" value="#660000">
<Variable name="textcolormainwrapper" description="Cor de texto"
   type="color" default="#fff" value="#b47b10">
<Variable name="bgmainwrappercolor" description="Cor de fundo paginas home"
   type="color" default="#fff" value="#333333">
<Variable name="bgpostshomecolor" description="Cor de fundo paginas pequenas"
   type="color" default="#fff" value="#4c4c4c">
<Variable name="borderposthome" description="Cor das bordas paginas pequenas"
   type="color" default="#fff" value="#b47b10">
<Variable name="mainpostcolor" description="Cor de fundo post grande"
   type="color" default="#fff" value="#804000">
<Variable name="textcolor" description="Cor do texto post"
   type="color" default="#333" value="#ffffff">
   <Variable name="pagetitlecolor" description="Cor titulo blog"
   type="color" default="#666" value="#6f3c1b">
   <Variable name="descriptioncolor" description="Cor da descrição do blog"
   type="color" default="#999" value="#ffd78b">
   <Variable name="titlecolor" description="Cor titulo postagens"
   type="color" default="#c60" value="#a9501b">
   <Variable name="bordercolor" description="Cor das bordas"
   type="color" default="#ccc" value="#b47b10">
   <Variable name="sidebarcolor" description="Cor titulo sidebar"
   type="color" default="#999" value="#804000">
   <Variable name="sidebartextcolor" description="Cor do texto sidebar"
   type="color" default="#666" value="#ffd78b">
<Variable name="sidebarwrapper" description="Fundo sidebar"
   type="color" default="#666" value="#a9501b">
<Variable name="postagensocult" description="Fundo post grande"
   type="color" default="#666" value="#a9501b">
<Variable name="bgwidgetsidebar" description="Cor de fundo widgets"
   type="color" default="#666" value="#660000">
<Variable name="borderwidget" description="Cor da borda widgets"
   type="color" default="#666" value="#b47b10">
<Variable name="bgwidgetsidebartitle" description="Cor de fundo titulos"
   type="color" default="#666" value="#ffd78b">
<Variable name="linkcolor" description="Cor do link"
   type="color" default="#58a" value="#f2984c">
<Variable name="visitedlinkcolor" description="Cor links visitados"
   type="color" default="#999" value="#ffffcc">
<Variable name="bodyfont" description="Text Font"
   type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
   type="font"
   default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% Courier, monospace">
   <Variable name="pagetitlefont" description="Blog Title Font"
   type="font"
   default="normal normal 200% Georgia, Serif" value="normal bold 285% Georgia, Serif">
   <Variable name="descriptionfont" description="Blog Description Font"
   type="font"
   default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 121% Times, serif">
   <Variable name="postfooterfont" description="Post Footer Font"
   type="font"
   default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 86% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
   type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
   type="automatic" default="right" value="right">
*/
body {background: #240302 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi40c6tu8WIgtpw395rw2VvSAP1RkwkmhCO-ptUBPUTDUd9nuijfmnjphMMS8NWYaAsAA7cicHDn0Cebk42RLEmtlAyBH6JdX0lJN_4SfZigXCYJZ-T2SuBrcVI4s3I-nphoSGAoxYII1w/s1600/back.png) repeat;color:$textcolor;font:x-small Georgia Serif;font-size/* */:/**/small;font-size: /**/small;text-align: center;}
a:link {color:$linkcolor;text-decoration:none;}
a:visited {color:$visitedlinkcolor;text-decoration:none;}
a:hover {color:$titlecolor;text-decoration:underline;}
a img {border-width:0;}

/* Header--------------------------------------*/
#header-wrapper {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnZEA7Z-I15QmcbXjj1VsWRy3XFQhfBTSejRM7yqbc0s8jh8D1Cc2u9LKdqHPRkWiUmeRZ-GjMWibegNa-eOtAJCDUpxdmQOFaXwsRk8kqSIiVQtXEPa9SqQTKNRI6M1Mn1STiPtL2yYo/s1600/header.png) no-repeat right;
height: 350px;width:1000px;margin: -10px 1px 1px 1px;}
#header-inner {background-position: center;margin-left: auto;margin-right: auto;}
#header { height: 180px;margin: 0 0 0 5px;text-align: center;color:$pagetitlecolor;}
#header h1 {text-shadow: #000 1px 1px 1px;font-weight:bold;margin:5px 5px 0;padding:15px 20px .25em;line-height:1.2em;text-transform:uppercase;letter-spacing:.2em;font: $pagetitlefont;}
#header a {color:$pagetitlecolor;text-decoration:none;}
#header a:hover {color:$pagetitlecolor;}
#header .description {margin:0 5px 5px;padding:0 20px 15px; max-width:700px;text-transform:uppercase;letter-spacing:.2em;line-height: 1.4em;font: $descriptionfont;color: $descriptioncolor;}
#header img {margin-$startSide: auto;margin-$endSide: auto;}

/*Menu----------------------------*/
#menu{background: transparent;}
#menu img {width: 100px; height: 80px;margin: -36px 3px 2px 3px;}
#menu img hover {width: 180px; height: 180px;}

/* Outer-Wrapper--------------------------------------- */
#outer-wrapper {width: 990px;margin:0 auto;padding:1px;text-align:$startSide;font: $bodyfont;}
#main-wrapper {width: 700px; margin: 0 1px 0 2px;padding: -10 4px 4px 4px;float: left;
word-wrap: break-word; /* fix for long text breaking main float in IE */overflow: hidden; /* fix for long non-text content breaking IE main float */}
#sidebar-wrapper {background: $sidebarwrapper;width: 270px;margin: 0 5px 3px 5px;float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}
#container .mainwrapper #postagens {font-size:12px;line-height:20px;}
.mainwrapper a {color:$textcolormainwrapper;text-decoration:none;}
.mainwrapper a:hover {text-decoration:none;}
.mainwrapper {width:700px;margin: 2px;padding: 2px;overflow:hidden;float:left;}
.mainwrapper #postshome {margin-top:30px;padding-bottom:0px;}

/*Postagens home--------------------------------*/
#postshome {padding:4px 2px 2px 2px;}
#postshome .home-post {
background: #4E3434;border-top: 5px groove $borderposthome;border-right: 1px groove $borderposthome;border-bottom: 1px groove $borderposthome;border-left: 4px groove $borderposthome;float:left;font-size:12px;line-height:8px;margin:3px 4px 3px 4px;overflow:hidden;}
#postshome .upper {width:213px;height:206px;overflow:hidden;margin: 10px 4x 0 4px;padding:3px 3px 2px 3px;position:relative; line-height:12px;}
#postshome .fade {display:none;}
#postshome .home-post .upper .post-ocult {margin:18px 0;}
#postshome .home-post .upper .post-ocult a,
#postshome .home-post .upper .post-ocult p,
#postshome .home-post .upper .post-ocult span,
#postshome .home-post .upper .post-ocult div{font-size:14px;font-weight:normal;
text-decoration:none;font-style:normal;padding:0;margin:0;display:inline;}
#postshome .home-post .upper .post-ocult sub,
#postshome .home-post .upper .post-ocult sup,
#postshome .home-post .upper .post-ocult b,
#postshome .home-post .upper .post-ocult strong,
#postshome .home-post .upper .post-ocult em,
#postshome .home-post .upper .post-ocult u
{font-size:11px;font-weight:normal;text-decoration:none;font-style:normal;}
#postshome .home-post .upper .post-ocult h1,
#postshome .home-post .upper .post-ocult h2,
#postshome .home-post .upper .post-ocult h3,
#postshome .home-post .upper .post-ocult h4,
#postshome .home-post .upper .post-ocult h5,
#postshome .home-post .upper .post-ocult h6,
#postshome .home-post .upper .post-ocult hr,
#postshome .home-post .upper .post-ocult blockquote,
#postshome .home-post .upper .post-ocult pre,
#postshome .home-post .upper .post-ocult code,
#postshome .home-post .upper .post-ocult br,
#postshome .home-post .upper .post-ocult object{ display:none;}
#postshome .home-post .upper .post-ocult img{width:220px;height:190px;padding:1px 0 0 2px;margin:0 1px 0 2px;}
#postshome .home-post .upper .post-ocult .separator img{padding:0;margin-left:-1em;}
#postshome .home-post h3 {background: #OOCCCC;
padding:0 0 2px;display:inline;margin:0;font-size:15px;line-height:18px;font-weight:normal;text-shadow: #000 1px 0px 0px ;font-weight:bold}
#posthome img{width: 600px;height:300px;}
#postshome .home-post h3 a { text-decoration:none;}
#postshome .home-post h3 a:hover {text-decoration:none;}
#postshome .home-post .come {font-size:10px;line-height:12px;display:block;padding:3px 0 0; font-size: 12px; float: right;}
#postshome .home-post {
text-decoration:none;}
#postshome .home-post #postshome .footer-come a:hover {text-decoration:none;}
#postshome .lemas-bot a {display:block;float:right;width:60px;height:12px;
border: 1px solid $bordercolor;background: $postagensocult;font-size:10px;overflow:hidden;margin:4px 2px 2px 1px; padding: 2px 2px 2px 1px;}
#postshome .lemas-bot a:hover {background: #fff;}
.post-comment-link{ height: 13px;margin:4px 1px 2px 2px; padding: 2px 1px 2px 2px; background: #000;font-size: 10px; float: left;}
.post-comment-link a, .post-comment-link a:visited{color: #ccc;}
.post-comment-link a:hover{height: 13px;margin:4px 1px 2px 1px; padding: 2px 1px 2px 1px;font-size: 10px; background: #ccc; color: #000;}

/*Postagens ocult------------------------------------ */
#postagens {border: 6px groove $bordercolor;background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6LVd3nPnqDX1ZWow-RYdV7DBsv9RLK74yK45iXZttUrmYCN2cnQBCTmOQIdgmkqpBr6gLnnwOarZVrFiWp3YJSyFIrQdE9rkFVlOwQPJ2Q3FPSDi8doQsDyxuAlzi4hQ4EOzuMRSR1Z8/s1600/sidebar.png) repeat-x;padding:30px 5px 20px 5px;margin: 0 7px 20px 7px;width:660px;color:#000;font-size:11px;line-height:16px;}
#postagens .top {display:block;height:30px;background:$bordercolor;font-size:0;line-height:0;}
#postagens .btm {text-align: right;height:30px;font-size:12;line-height:2;}
#postagens .main-post {
border: 5px groove $bordercolor;background:$mainpostcolor;padding:0 10px 12px;}
#postagens h2 {padding:0 0 4px;display:inline;margin:0;font-size:22px;line-height:26px;font-weight:bold;}
#postagens h2 a {text-decoration:none;}
#postagens h2 a:hover {text-decoration:none;}
#postagens .btn-first-readon a {float:right;width:80px;height:30px;text-align: right;font-size:18px;overflow:hidden;text-indent:10px;}
#postagens img {border:none;}

/* Headings------------------------------------- */
h2 {margin:1.5em 0 .75em;font:$headerfont;line-height: 1.4em;text-transform:uppercase;letter-spacing:.2em;color:$sidebarcolor;}

/* Sidebar Content---------------------------------- */
#sidebar .widget{float:right;
width: 247px;background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6LVd3nPnqDX1ZWow-RYdV7DBsv9RLK74yK45iXZttUrmYCN2cnQBCTmOQIdgmkqpBr6gLnnwOarZVrFiWp3YJSyFIrQdE9rkFVlOwQPJ2Q3FPSDi8doQsDyxuAlzi4hQ4EOzuMRSR1Z8/s1600/sidebar.png) repeat-x;border: 3px groove $borderwidget;font-size:11px;line-height:15px;color:$sidebartextcolor;margin: 5px 2px 4px 5px;
padding: 1px 4px 2px 8px;overflow:hidden;}
#sidebar .widget h2 {padding: 6px 3px 2px 3px;text-align:center;margin:0;color:$sidebartextcolor;font-size:12px;line-height:15px; text-shadow: #000 1px 1px 1px;font-weight:bold;}
#sidebar h2 a {color:$sidebartextcolor;text-decoration:none;}
#sidebar .widget .widget-content {overflow:hidden;padding:14px 8px 10px;position:relative;}
#sidebar .widget ul {padding:0;margin:0;}
#sidebar .widget li {text-shadow: #000 1px 1px 1px;font-weight:bold;color:$sidebartextcolor;list-style:none;border-bottom:1px solid $bordercolor;display:block;padding:5px 10px 5px 20px;font-size:11px;line-height:16px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHz_5AwhbrYGyfj8NyUMS3wg65CSftUB6T5ROhR1fuKUoD1-Qkz3a91_amxU-sJnYttQm521hLjwh3lqRqoh1Bbdwt5s9cUWM_uebCxD6CKFGiLesMniWbGK2m-JljcRKQxWypfsuwyAc/s1600/Animation1aSD.gif) no-repeat 6px 8px;}
#sidebar .widget li:hover {text-shadow: #000 1px 1px 1px;font-weight:bold;color:#ffffff;background: $sidebarwrapper;}
#sidebar .widget a {text-decoration:underline;}
#sidebar .widget li a {text-decoration:none;}
#sidebar .side-post h3 {text-align: center;font-size:12px;line-height:18px;font-weight:normal;}
#sidebar .side-post h3 a {text-decoration:none;}
#sidebar .side-post h3 a:hover {text-decoration:none;}
#sidebar .side-post p {margin:0 0 10px;}
#sidebar .lemas-bot a {float:right;width:98px;height:19px;font-size:10px;overflow:hidden;margin:10px 0 0 0;}
#sidebar .lemas-bot a:hover {background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheatlight/btn-post.gif) no-repeat 0 -19px;}

/* Commentarios--------------------------- */
#comments-text {margin:10px 0 3px;line-height: 1.4em;
font-weight: bold; font-family:Georgia,Serif;font-size:120%;color:#000;}
.comment-author {text-align:left;color:#000; font-size:14px;
font-family:Verdana,Tahoma,sans-serif;font-weight: bold;padding-left:60px;line-height:0px;padding-top: 10px;}
#comments-block {line-height:1.6em;}
.comment-body-author {text-align: right;margin:22px;padding:3px 7px 7px 10px;overflow-x: hidden;}
.comment-body {padding-left:49px;margin: 0 0 -35px 19px;text-align:justify;font-size: 12px; color #000;}
.blog-author-comment {padding-left:49px;margin: 0px 0px -35px 19px;text-align:justify;font-size: 12px;}
.blog-author-comment p {width: 95%;padding-left:10px;padding-right: 10px;padding-bottom: 35px;}
.comment-body p {width: 95%;background: #FFF6CC;padding-left:10px;padding-right: 10px;padding-bottom: 35px;}
.comment-footer {font-size: 11px;margin: 10px;padding-top:0px;text-align: right;}
.comment-footer a:link {color:#333;}
div.avatar-image-container {width:100px;height:100px;margin: 10px 30px 10px 0;padding-left: 10px;}
div.avatar-image-container {img.delayLoad width:100px;height:100px;margin: 5px;padding-left: 20px;}

/* Formulario dos comentarios ------------------------------- */
.comment-form {margin:0pt auto;width:93%;}
.comment-form h3 {color:#000;font-family:Georgia;font-size:18px;height:50px;line-height:45px;padding:0pt 0pt 0pt 55px;}
.comment-form p {color:#000;font-family:georgia;font-size:16px;background:#fff;padding:10px 0pt 0px 20px;height:90px;width:93%;}
#comment-editor {height:420px;width:100%;}
#Comment-antiguos {margin:0 auto;margin-top:-150px;width:93%;}
#backlinks-container {margin:0 auto;width:93%;}
.commentphoto{padding:2px;border:2px outset #F6FAF4;}
#comments-block {line-height:1.6em;margin:0 auto;}

/* Profile----------------------------------- */
.profile-img {float: left;padding: 4px;border: 1px solid $bordercolor;}
.profile-data {margin:0;text-transform:uppercase;letter-spacing:.1em;font: $postfooterfont;color: $sidebarcolor;font-weight: bold;line-height: 1.6em;}
.profile-datablock {margin:.5em 0 .5em;}
.profile-textblock {margin: 0.5em 0;line-height: 1.6em;}
.profile-link {font: $postfooterfont;text-transform: uppercase;letter-spacing: .1em;}

/* Footer--------------------------------------- */
#footer-wrapper{width: 970px;color:$sidebartextcolor;background: #4E3434;margin: 30px 10px 10px 3px;padding: 5px;}

/*Ocultarcat-------------------------------------*/
#ocultarcat{text-align: center; font-size: 150%;text-shadow: #000 1px 1px 1px;}
#mostrarcat{text-align: center; font-size: 180%;text-shadow: #fff 1px 1px 1px;}
/*Blog pager------------------------------------*/
#blog-pager {width: 680px;clear: both;text-align: center;}
#blog-pager-newer-link {float: left; padding: 10px 0 0 30px;}
#blog-pager-older-link {float: right; padding: 10px 30px 0 0;}
#blog-pager {text-align: center;padding: 10px 0 0 0;}
#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(http://blog.hackblogger.googlepages.com/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://blog.hackblogger.googlepages.com/prevlabelBR.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://blog.hackblogger.googlepages.com/nextlabelBR.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;}
#imageData{padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;}

]]></b:skin>


<script language='javascript'>
function showdiv(ativar,id1,id2)
{ var A=document.getElementById(id1);
var B=document.getElementById(id2);
if(ativar=='sim')
{
B.style.display = 'block';
A.style.display= 'none';
}
else
{
A.style.display = 'block';
B.style.display= 'none';
}
}</script>


<script src='http://dl.dropbox.com/u/1367826/Light%20box/effects.js' type='text/javascript'/>
<script src='http://dl.dropbox.com/u/1367826/Light%20box/lightbox.js' type='text/javascript'/>
<script src='http://dl.dropbox.com/u/1367826/Light%20box/prototype.js' type='text/javascript'/>
<script src='http://dl.dropbox.com/u/1367826/Light%20box/scriptaculous.js' type='text/javascript'/>
</head>
<body>

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

   <span id='skiplinks' style='display:none;'>
   <a href='#main'>skip to main </a> |
   <a href='#sidebarwrapper'>skip to sidebarwrapper</a> |

</span>
<div id='header-wrapper'>
   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Template Café (Cabeçalho)' 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-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
   <div class='titlewrapper' style='background: transparent'>
   <h1 class='title' style='background: transparent; border-width: 0px'>
   <b:include name='title'/>
   </h1>
   </div>
   <b:include name='description'/>
   </div>
   </b:if>
  <b:else/>
   
   <div id='header-inner'>
   <div class='titlewrapper'>
   <h1 class='title'>
   <b:include name='title'/>
   </h1>
   </div>
   <b:include name='description'/>
   </div>
  </b:if>
</b:includable>
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
   <data:title/>
  <b:else/>
   <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
   <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
</b:widget>
</b:section>
   </div>

<div class='mainwrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no 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'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkPZkU2uWznl1vcPL4HKZlP57Cz6Jr0fjGnI6mHzZvLe9o7e63JjZstMVqI4TouxeKJxHknaXEkvoVTvNV6PYcm7CeFh0kwS-icJDURNHFkEh_u_vGy5cUFm7YORKFoAfCO0RfBFovBlo/s1600/seta+esquerda.png'/></a>
   </span>
   </b:if><b:if cond='data:blog.homepageUrl != data:blog.url'>
   <a class='home-link' expr:href='data:blog.homepageUrl'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn3AZPsnGEijRh0ZEffekWOHNIKnWFvofoQRddKAnZ_dyENI2f-SNAGiFLbGzDHwQgE2pqlT1tgaYPuYVwui3BniodZKabo1oQ0VxmeCvG39eEJjAj7o_RYlrH24qVQF212k63JPZDeIU/s1600/home.png'/></a>
   <b:else/>
   <b:if cond='data:newerPageUrl'>
   <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
   </b:if>
   </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'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKEARv-3gdP7IP4llXa1xcIctOmUafSr9vK57ZO9ry9mLapUQP65eSm9FcXQFCeeGjNOPh3dNbkiDRYwjfw4RiW5h0erpJE0YxftUb5XqOl8Fpg29KoMqvkNuXU_msvFkz3MuNGBnWFVw/s1600/seta+direita.png'/></a>
   </span>
   </b:if>
</div>

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

   <div class='fade'/>
   <b:if cond='data:post.title'>
   <h3>
   <b:if cond='data:post.url'>
   <a expr:href='data:post.url'><data:post.title/></a>
   <b:else/>
   <data:post.title/>
   </b:if>
   </h3>
   </b:if>
   <b:if cond='data:top.showTimestamp'>
   <b:if cond='data:post.url'>
   <span class='come'><data:post.timestamp/></span>
   </b:if>
   </b:if>
   <div class='post-ocult'>
   <data:post.body/>
   </div>
   </div>
   <span class='lemas-bot'><a expr:href='data:post.url' rel='bookmark'>Leia mais</a></span>

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

   </div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
  <div class='main-post'>
   <a expr:name='data:post.id'/>
   <b:if cond='data:post.title'>
   <h2>
   <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='come'>
   <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 class='post-header-line-1'/>

   <div class='post-body entry-content'>
   <data:post.body/>
   <div style='clear: both;'/> 
   </div>

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

   <span class='post-timestamp'>
   <b:if cond='data:top.showTimestamp'>
   <data:top.timestampLabel/>
   <b:if cond='data:post.url'>
   <a class='timestamp-link' expr:href='data:post.url' 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='reaction-buttons'>
   <b:if cond='data:top.showReactions'>
   <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
   <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
   <span class='reactions-label'>
   <data:top.reactionsLabel/></span> </td>
   <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
   </tr></table>
   </b:if>
   </span>

   <span class='star-ratings'>
   <b:if cond='data:top.showStars'>
   <div expr:g:url='data:post.absoluteUrl' g:background-color='22221f' g:height='42' g:text-color='c0c0b4' g:type='RatingPanel' g:width='280'/>
   </b:if>
   </span>

   <span class='post-comment-link'>
   <b:if cond='data:blog.pageType != "item"'>
   <b:if cond='data:post.allowComments'>
   <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 MENSAGEM<b:else/><data:post.numComments/> DEIXE AQUI SUA MENSAGEM</b:if></a>
   </b:if>
   </b:if>
   </span>

   
   <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'>
   
   <b:if cond='data:post.emailPostUrl'>
   <span class='item-action'>
   <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
   <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
   </a>
   </span>
   </b:if>

   
   <b:include data='post' name='postQuickEdit'/>
   </span>
   </div>

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

   <div class='post-footer-line post-footer-line-3'/>
   </div>
  </div>
</b:if>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='comemessage'>
   <data:navMessage/>
  </div>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
   <a name='comment-form'/>
   <h4 id='comment-post-message'><data:postCommentMsg/></h4>
   <p><data:blogCommentMessage/></p>
   <data:blogTeamBlogMessage/>
   <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
   <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
   <data:post.iframeColorizer/>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
   <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
   <img src='//www.blogger.com/img/icon_delete13.gif'/>
   </a>
  </span>
</b:includable>
<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr><td width='40px'>
<a expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"' href='javascript:void(0)' style='text-decoration:none' title='Desplegar esta entrada'>[+/-]</a></td>
<td><h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3></td></tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> 
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
   <span expr:class='"item-control " + data:post.adminClass'>
   <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
   <img alt='' class='icon-action' height='18' src='//www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
   </a>
   </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>
  
<b:if cond='data:blog.pageType != "item"'>
   <div id='postshome'>
   <b:include data='top' name='status-message'/>
   <data:adStart/>
   <b:loop values='data:posts' var='post'>
   <b:include data='post' name='post'/>
   </b:loop>
   <data:adEnd/>
<div style='clear:both;'/>
   
   <b:include name='nextprev'/>
  </div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
   <div id='postagens'>
   <b:include data='top' name='status-message'/>
   <data:adStart/>
   <b:loop values='data:posts' var='post'>
   <span class='top'/>
   <b:include data='post' name='post'/>
   <span class='btm'/>
   
   <b:include name='nextprev'/>
   <b:if cond='data:post.includeAd'>
   <data:adEnd/>
   <data:adCode/>
   <data:adStart/>
   </b:if>
   <b:include data='post' name='comments'/>
   </b:loop>
   <data:adEnd/>
  </div>
</b:if>

  <b:if cond='data:top.showStars'>
   <script src='http://www.google.com/jsapi' type='text/javascript'/>
   <script type='text/javascript'>
   google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
   function initialize() {
   google.annotations.setApplicationId(<data:top.blogspotReviews/>);
   google.annotations.createAll();
   google.annotations.fetch();
   }
   google.setOnLoadCallback(initialize);
   </script>
  </b:if>

</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'>
   <img src='//www.blogger.com/img/icon_delete13.gif'/>
   </a>
  </span>
</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='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
   <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
   <a name='comments'/>
   <b:if cond='data:post.allowComments'>
   <h4>
   <b:if cond='data:post.numComments == 1'>
   1 <data:commentLabel/>:
   <b:else/>
   <data:post.numComments/> <data:commentLabelPlural/>:
   </b:if>
   </h4>

   <b:if cond='data:post.commentPagingRequired'>
   <span class='paging-control-container'>
   <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
    
   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
    
   <data:post.commentRangeText/>
    
   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
    
   <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
   </span>
   </b:if>

   <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
   <b:loop values='data:post.comments' var='comment'>
   <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
   <b:if cond='data:comment.favicon'>
   <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
   </b:if>
   <a expr:name='data:comment.anchorName'/>
   <b:if cond='data:blog.enabledCommentProfileImages'>
   <data:comment.authorAvatarImage/>
   </b:if>
   <b:if cond='data:comment.authorUrl'>
   <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
   <b:else/>
   <data:comment.author/>
   </b:if>
   <data:commentPostedByMsg/>
   </dt>
   <dd class='comment-body'>
   <b:if cond='data:comment.isDeleted'>
   <span class='deleted-comment'><data:comment.body/></span>
   <b:else/>
   <p><data:comment.body/></p>
   </b:if>
   </dd>
   <dd class='comment-footer'>
   <span class='comment-timestamp'>
   <a expr:href='data:comment.url' title='comment permalink'>
   <data:comment.timestamp/>
   </a>
   <b:include data='comment' name='commentDeleteIcon'/>
   </span>
   </dd>
   </b:loop>
   </dl>

   <b:if cond='data:post.commentPagingRequired'>
   <span class='paging-control-container'>
   <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
   <data:post.oldestLinkText/>
   </a>
   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
   <data:post.olderLinkText/>
   </a>
    
   <data:post.commentRangeText/>
    
   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
   <data:post.newerLinkText/>
   </a>
   <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
   <data:post.newestLinkText/>
   </a>
   </span>
   </b:if>

   <p class='comment-footer'>
   <b:if cond='data:post.embedCommentForm'>
   <b:if cond='data:post.allowNewComments'>
   <b:include data='post' name='comment-form'/>
   <b:else/>
   <data:post.noNewCommentsText/>
   </b:if>
   <b:else/>
   <b:if cond='data:post.allowComments'>
   <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
   </b:if>
   </b:if>

   </p>
   </b:if>

   <div id='backlinks-container'>
   <div expr:id='data:widget.instanceId + "_backlinks-container"'>
   <b:if cond='data:post.showBacklinks'>
   <b:include data='post' name='backlinks'/>
   </b:if>
   </div>
   </div>
  </div>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='ocultarcat'>
<div class='mais'>
<a href='#' onClick='showdiv("sim","ocultarcat","mostrarcat"); return false'><center><strong> Mostrar sidebar</strong><br/><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzg5DIYXnyJXYCzKsFhP0IQwx3eDBiGEH0rMVsNCLQtcUFXLVEaaDei6mOG0AcCG-xPzgpUpXiHNsidDEMK0h8JR4jhvgUoTxe3zjPr93tn5plA1bL3m5w4c3YyUOymHQ-p0yez_Js1Ss/s1600/setabaixo.png'/></center></a>
</div>
</div>
<div id='mostrarcat' style='display:none'>
<div align='left'>
<div class='menos'>
<a href='#' onClick='showdiv("nao","ocultarcat","mostrarcat"); return false'><center><strong>Ocultar sidebar</strong><br/><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9bQm6R-nM1zyyFVQDXyITXT3LeXCXNKgDNbi4obUMAVPZkve2mxXG8vMfoed9JypOst4Vu9VrRVGK6sLxgqJGj_1FguKlTkCgG2oOp0jO_WBDtVGNA8YiBIrRz0-ooWUnuT3btiZYnkw/s1600/seta+cima.png'/></center>
</a>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='CustomSearch1' locked='false' title='Pesquisar este blog' type='CustomSearch'>
<b:includable id='main'>
   
   <b:if cond='data:title != ""'>
   <h2 class='title'><data:title/></h2>
   </b:if>

   <div class='widget-content'>
   <div expr:id='data:widget.instanceId + "_form"'>
   <span class='cse-status'><data:loadingMsg/></span>
   </div>
   </div>

   
   <style type='text/css'>
   #uds-searchControl .gs-result .gs-title,
   #uds-searchControl .gs-result .gs-title *,
   #uds-searchControl .gsc-results .gsc-trailing-more-results,
   #uds-searchControl .gsc-results .gsc-trailing-more-results * {
   color:<data:linkColor/>;
   }

   #uds-searchControl .gs-result .gs-title a:visited,
   #uds-searchControl .gs-result .gs-title a:visited * {
   color:<data:visitedLinkColor/>;
   }

   #uds-searchControl .gs-relativePublishedDate,
   #uds-searchControl .gs-publishedDate {
   color: <data:dateColor/>;
   }

   #uds-searchControl .gs-result a.gs-visibleUrl,
   #uds-searchControl .gs-result .gs-visibleUrl {
   color: <data:urlColor/>;
   }

   #uds-searchControl .gsc-results {
   border-color: <data:borderColor/>;
   background-color: <data:backgroundColor/>;
   }

   #uds-searchControl .gsc-tabhActive {
   border-color: <data:borderColor/>;
   border-top-color: <data:activeBorderColor/>;
   background-color: <data:backgroundColor/>;
   color: <data:textColor/>;
   }

   #uds-searchControl .gsc-tabhInactive {
   border-color: <data:borderColor/>;
   background-color: transparent;
   color: <data:linkColor/>;
   }

   #uds-searchClearResults {
   border-color: <data:borderColor/>;
   }

   #uds-searchClearResults:hover {
   border-color: <data:activeBorderColor/>;
   }

   #uds-searchControl .gsc-cursor-page {
   color: <data:linkColor/>;
   }

   #uds-searchControl .gsc-cursor-current-page {
   color: <data:textColor/>;
   }
   </style>

   <b:include name='quickedit'/>
  </b:includable>
</b:widget>
<b:widget id='LinkList2' locked='false' title='Outros templates' 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='Label1' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
   <h2><data:title/></h2>
  </b:if>
  <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
   <b:if cond='data:display == "list"'>
   <ul>
   <b:loop values='data:labels' var='label'>
   <li>
   <b:if cond='data:blog.url == data:label.url'>
   <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
   <b:else/>
   <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
   </b:if>
   <b:if cond='data:showFreqNumbers'>
   <span dir='ltr'>(<data:label.count/>)</span>
   </b:if>
   </li>
   </b:loop>
   </ul>
   <b:else/>
   <b:loop values='data:labels' var='label'>
   <span expr:class='"label-size label-size-" + data:label.cssSize'>
   <b:if cond='data:blog.url == data:label.url'>
   <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
   <b:else/>
   <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
   </b:if>
   <b:if cond='data:showFreqNumbers'>
   <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
   </b:if>
   </span>
   </b:loop>
   </b:if>
   <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Arquivo do 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 class='flat'>
   <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 class='hierarchy'>
   <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' dir='ltr'>(<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' href='javascript:void(0)'>
   <span class='zippy toggle-open'>▼ </span>
   </a>
  <b:else/>
   <a class='toggle' href='javascript:void(0)'>
   <span class='zippy'>
   <b:if cond='data:blog.languageDirection == "rtl"'>
   ◄ 
   <b:else/>
   ► 
   </b:if>
   </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:widget id='HTML1' locked='false' title='Créditos' 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='LinkList1' locked='false' title='Outros templates' 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>
</div>
</div>
</div>
<div style='clear:both'/>


<div id='footer-wrapper'>
   <b:section class='footer' id='footer'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
<b:includable id='main'>
  <b:if cond='data:title != ""'>
   <b:if cond='data:codeSnippet != ""'>
   <h2 class='title'><data:title/></h2>
   <b:else/>
   <b:if cond='data:totalFollowerCount != ""'>
   <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
   </b:if>
   </b:if>
  </b:if>
  <div class='widget-content'>
   <div expr:id='data:widget.instanceId + "-wrapper"'>
   <b:if cond='data:codeSnippet != ""'>
   <div style='margin-right:2px;'>
   <data:codeSnippet/>
   </div>
   <b:else/>
   <b:if cond='data:totalFollowerCount == ""'>
   <span class='item-control following-not-admin'>
   <b><data:failureSnippet/></b>
   </span>
   <span class='item-control blog-admin'>
   <b><data:adminFailureSnippet/></b>
   </span>
   <b:else/>
   <b:if cond='data:followingLinkPresent'>
   <div class='follow-this profile-link item-control following-follow-this'>
   <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
   <data:followThisMessage/>
   </a>
   </div>
   <div class='follow-this profile-link item-control following-stop-following-this'>
   <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
   <data:stopFollowingMessage/>
   </a>
   </div>
   </b:if>

   <div class='followers-grid'>
   <b:if cond='data:totalFollowerCount == 0'>
   <div class='profile-link item-control following-follow-this'>
   <data:emptyFollowersMessage/>
   </div>
   </b:if>
   
   <b:loop values='data:followers' var='follower'>
   <div class='follower'>
   <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
   <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
   </a>
   </div>
   </b:loop>
   <div class='clear'/>
   </div>

   <div class='followers-canvas profile-link'>
   <data:followersFooterMessage/>
   <span class='item-control following-not-admin'>
   <a expr:href='data:followersUri'>
   <data:viewAllMessage/>
   </a>
   </span>
   <span class='item-control blog-admin'>
   <a expr:href='data:manageFollowersUri'>
   <data:manageFollowersMessage/>
   </a>
   </span>
   </div>
   </b:if>
   </b:if>
   </div>
   <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
   </div>


<div style='clear:both'/>
<div class='menu' id='menu'>
<div class='menu-container'>
<a class='menu-item' href='ENDEREÇO DO SEU BLOG'><img alt='home' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtTueiCuv_rzRcUzTV1BvZPcc2gR_s3yPono9ZBKpT15NefO984xVLzsZH82Gr2eZBeWH1iVmTU7a574visoiR_1H7NXKUD1gjpAuk_f5DK8jPck5eDIiUc6WxQUsLgL7NI8wc463TwdA/s1600/MENU+HOME.png'/></a>
<a class='menu-item' href='ENDEREÇO DO TWITTER'><img alt='Calendario' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6_mr0aFK6yM3G8MJRJv7UgPvgC_eKFkjHTJPPoScDR6uE7I0djhaS1m4rLeWp_ipfSORw_HdlRaqr3PTkKfBvhaMfobNb9pGDqOF-E5gSeuWsbVlT2OIUvmJs2IoknFVMccA9hCP1cMM/s1600/menu+twitter.png'/></a>
<a class='menu-item' href='mailto:SEUEMAIL@hotmail.com'><img alt='Email' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLOsatEHoAXmTSKS1_VBTxu43H6I0K07FMAVoTyquSX0xt1O4S2kDDJ_MYKnpKtCfUWE98w6StceOGPBHhoaMrp3SBj8cnFemtP4GggZguYF09lcGgVS3LgtrTXolJ-tK0AJv-vcasxw8/s1600/menu+email.png'/></a>
<a class='menu-item' href='ENDEREÇO ORKUT'><img alt='Links' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOhkkEd4P7dg4nNwqZDTi3cw7gFtEkzvwx1SFeiSWPnVg2MqUjz7JBdsUaa1ifDRo1y20fu10-YxZf5H_1oNy9UbaRzXeZZ2imyRgNJsFO_Xzt5s93qulZzTz7F3TkuvLmgxRBEoOBGbw/s1600/menu+orkut.png'/></a>
<a class='menu-item' href='ENDEREÇO FACEBOOK'><img alt='Vídeos' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq3GtFNvCJwBoAvV1uH7V7rXFRzWH2EvVFQ1uF_paIBulqtSbDRQKDHwkHGwJ2pJtGdj-FLBc9y-AedpmK2EsXmU9xoysk2ruAZiLtLIFzAQzKarXHOON0FLSnJCfueU3QP5i0q2dT08k/s1600/menu+face.png'/></a>
<a class='menu-item' href='ENDEREÇO DOS COMENTARIOS'><img alt='Relógio' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxx-W6bcbi2Fq-srzZY9AmokdBRFs0AuuqPUmHpfucb7zdErmy52Pxy1vCzl6NAogGorb-dvDfV6FT5dJthf6MU48rjP6cYxUKIwgoKzBG44RrBG0Z7NHUcdFHlgtI3San5iWDJkoxYYA/s1600/menu+coment.png'/></a>
<a class='menu-item' href='ENDEREÇOS BLOGBLOGS'><img alt='Música' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghiQ367reBxl-y72pCcPniSC5W2rmQWKcqJOQJDmIhGKeKvmQSwZv22XkzBODpqVabzI-nXNm1_V7toSPcbX6GSr_Im_MO1Edz4MYiPEKVB3g7UnFR8cIctLPUKkgcBSElDYo49hQbqlE/s1600/menu+blogblogs.png'/></a>
<a class='menu-item' href='ENDEREÇOS TECHNORATY'><img alt='Música' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDpAVPeftvcO9BA60rhLKFoMj7Eh3_39qfc8R06bhdcT47WOtrb-NXnCO5fxjzJnC4cE-dFQOts_WIUGBr6qsoq5YAGbH6dm7qBjjFxfkwdwA-ak-IzQl_vSj7qCoy2tqeyagbrCW8vAw/s1600/menu+technoraty.png'/></a>
<a class='menu-item' href='ENDEREÇO DO FEED'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx6g7hOgUEDe3mSW32TGBV7TdSXcKsOOBeOLzj4YL5aT0s-MRocRWy8jI2kHuBwT3nzS6tEmjJCT6y_Nejt-d8I8lRGwOLP9Xzv_eJl4BsgtKFDCrtodJSPiHyjxibX8fBsnBtwETyPwk/s1600/menu++feed.png'/></a>
</div>
</div>
</div></div>


</body>
<div style='text-align: center;'>
<span style='font-size: xx-small;'><b>2010 <a href='http://templatecafe1000.blogspot.com/'>Template Café</a>|<a href='http://templateseacessorios.blogspot.com/'>Templates e Acessorios </a></b></span><br/></div>
</html>

Mostruário de Templates

Páginas

4 de abr. de 2010

Template Café

Nenhum comentário:

Postar um comentário

Curta

Seguidores