4 de abr de 2010

Template Café

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






<?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(http://2.bp.blogspot.com/_BaCxSD9NFn8/SuYt33yOd3I/AAAAAAAAA8I/lz97Gl7y0-k/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(http://1.bp.blogspot.com/_BaCxSD9NFn8/SuYngtX-vfI/AAAAAAAAA7w/-RKIQf4Cfz0/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(http://2.bp.blogspot.com/_BaCxSD9NFn8/Svod_3gGooI/AAAAAAAABCw/32GiB-uYxKg/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(http://2.bp.blogspot.com/_BaCxSD9NFn8/Svod_3gGooI/AAAAAAAABCw/32GiB-uYxKg/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(http://3.bp.blogspot.com/_BaCxSD9NFn8/SvGraix9sjI/AAAAAAAAA-U/UOhE5zhrQ-A/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>

<!--Expandir sidebar -->
<script language='javascript'>
function showdiv(ativar,id1,id2)
{ var A=document.getElementById(id1);
var B=document.getElementById(id2);
if(ativar==&#39;sim&#39;)
{
B.style.display = &#39;block&#39;;
A.style.display= &#39;none&#39;;
}
else
{
A.style.display = &#39;block&#39;;
B.style.display= &#39;none&#39;;
}
}</script>
<!-- Prototype y Scriptaculous-->
<!--Light Box -->
<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'>
 <!-- skip links for text browsers -->
    <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 == &quot;REPLACE&quot;'>
      <!--Show just the image, no text-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' 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/>
    <!--No header image -->
    <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 + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='http://1.bp.blogspot.com/_BaCxSD9NFn8/SvwHNqIYsjI/AAAAAAAABE4/JsluE0UdKEY/s1600/seta%2Besquerda.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='http://3.bp.blogspot.com/_BaCxSD9NFn8/SvwHOgC2kyI/AAAAAAAABFA/yYwOG7cRhJ0/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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='http://2.bp.blogspot.com/_BaCxSD9NFn8/SvwHMSsqD_I/AAAAAAAABEw/7n9MBIqWOpM/s1600/seta%2Bdireita.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'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
          <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 != &quot;item&quot;'>
          <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 == &quot;item&quot;'>
  <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 != &quot;true&quot;'>,</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;'/> <!-- clear for photos floats -->
    </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>&#160;</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 != &quot;item&quot;'>
          <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>

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

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

        <!-- quickedit pencil -->
        <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='&quot;item-control &quot; + 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='&quot;javascript:toggleIt(\&quot;&quot; + data:post.id + &quot;\&quot;);&quot;' 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;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + 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'>
  <!-- posts -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <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;'/>
      <!-- navigation -->
    <b:include name='nextprev'/>
  </div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <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'/>
      <!-- navigation -->
    <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(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      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='&quot;item-control &quot; + 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 != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

      <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>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <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='&quot;comment-author &quot; + 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>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <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 + &quot;_backlinks-container&quot;'>
       <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(&quot;sim&quot;,&quot;ocultarcat&quot;,&quot;mostrarcat&quot;); return false'><center><strong> Mostrar sidebar</strong><br/><img src='http://3.bp.blogspot.com/_BaCxSD9NFn8/SvotKdgB9QI/AAAAAAAABDg/E4E6PC67ufo/s1600/setabaixo.png'/></center></a>
</div>
</div>
<div id='mostrarcat' style='display:none'>
<div align='left'>
<div class='menos'>
<a href='#' onClick='showdiv(&quot;nao&quot;,&quot;ocultarcat&quot;,&quot;mostrarcat&quot;); return false'><center><strong>Ocultar sidebar</strong><br/><img src='http://4.bp.blogspot.com/_BaCxSD9NFn8/SvotJ5QIdKI/AAAAAAAABDY/m3L_pOSM9Ps/s1600/seta%2Bcima.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'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    </b:if>

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

    <!-- override gsearch.css -->
    <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='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <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='&quot;label-size label-size-&quot; + 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 + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <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 + &quot;_ArchiveMenu&quot;'>
    <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='&quot;archivedate &quot; + 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 == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </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'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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'/>
<!-- spacer for skins that want sidebar and main to be the same height-->
<!-- end content-wrapper -->
 <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 != &quot;&quot;'>
    <b:if cond='data:codeSnippet != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    <b:else/>
      <b:if cond='data:totalFollowerCount != &quot;&quot;'>
        <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
      </b:if>
    </b:if>
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      <b:else/>
        <b:if cond='data:totalFollowerCount == &quot;&quot;'>
          <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='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:followThisMessage/>
              </a>
            </div>
            <div class='follow-this profile-link item-control following-stop-following-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <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>
            <!--
            Relies on the js written out in navbar.gxp
            -->
            <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='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' 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>



<!--TROQUE ABAIXO OS ENDEREÇO DOS LINKS DE SEU MENU -->
 <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='http://1.bp.blogspot.com/_BaCxSD9NFn8/Svv0DgNZ3XI/AAAAAAAABEo/FbkgkrbbkTc/s1600/MENU%2BHOME.png'/></a>
<a class='menu-item' href='ENDEREÇO DO TWITTER'><img alt='Calendario' src='http://1.bp.blogspot.com/_BaCxSD9NFn8/SvvxAy6YSvI/AAAAAAAABEg/blrvKk5Mbd4/s1600/menu%2Btwitter.png'/></a>
<a class='menu-item' href='mailto:SEUEMAIL@hotmail.com'><img alt='Email' src=' http://3.bp.blogspot.com/_BaCxSD9NFn8/Svvw83wig3I/AAAAAAAABEI/NZMgZ6wbjrM/s1600/menu%2Bemail.png'/></a>
<a class='menu-item' href='ENDEREÇO ORKUT'><img alt='Links' src='http://4.bp.blogspot.com/_BaCxSD9NFn8/Svvw_rDsqvI/AAAAAAAABEY/XWN98tgNjvA/s1600/menu%2Borkut.png'/></a>
<a class='menu-item' href='ENDEREÇO FACEBOOK'><img alt='Vídeos' src='http://2.bp.blogspot.com/_BaCxSD9NFn8/Svvw-eVrmRI/AAAAAAAABEQ/0e3eXt7d7_E/s1600/menu%2Bface.png'/></a>
<a class='menu-item' href='ENDEREÇO DOS COMENTARIOS'><img alt='Relógio' src='http://3.bp.blogspot.com/_BaCxSD9NFn8/Svvw7XU4_sI/AAAAAAAABEA/_2sEw2tKbXk/s1600/menu%2Bcoment.png'/></a>
<a class='menu-item' href='ENDEREÇOS BLOGBLOGS'><img alt='Música' src='http://2.bp.blogspot.com/_BaCxSD9NFn8/Svvw3VILRkI/AAAAAAAABDw/Aswyl4e0rbk/s1600/menu%2Bblogblogs.png'/></a>
<a class='menu-item' href='ENDEREÇOS TECHNORATY'><img alt='Música' src='http://4.bp.blogspot.com/_BaCxSD9NFn8/SvwRVUnMGJI/AAAAAAAABFI/5K2FUQe002I/s1600/menu%2Btechnoraty.png'/></a>
<a class='menu-item' href='ENDEREÇO DO FEED'><img alt='Feed' src='http://4.bp.blogspot.com/_BaCxSD9NFn8/Svvw2KDajNI/AAAAAAAABDo/1U9qofBdPwg/s1600/menu%2B%2Bfeed.png'/></a>
</div>
</div>
</div></div>

<!-- end outer-wrapper -->
</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>
              

              

Nenhum comentário:

Postar um comentário

Deixe seu comentário apenas sobre o template.

Mostruário de Templates / baseado no Simple | por © Templates e Acessórios ©2011