Mostruário de Templates: Template Brush

Template em 3 colunas sendo que uma delas são as postagens. Menu horizontal, links na sidebar com efeito de botões.

<?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[/*
-----------------------------------------------
Templates e Acessórios
url: http://templateseacessorios.blogspot.com
Elke di Barros
Template Brush
outubro de 2010
----------------------------------------------- */

/* Variable definitions
   ====================
<Variable name="bgcolor" description="Cor fundo do blog"
   type="color" default="#fff" value="#000000">
<Variable name="textcolor" description="Cor do texto"
   type="color" default="#333" value="#cccccc">
<Variable name="linkcolor" description="Cor do link"
   type="color" default="#58a" value="#666666">
<Variable name="pagetitlecolor" description="Cor do titulo do blog"
   type="color" default="#666" value="#333333">
<Variable name="descriptioncolor" description="Cor da descrição do blog"
   type="color" default="#999" value="#cccccc">
<Variable name="titlecolor" description="Cor do titulo do post"
   type="color" default="#c60" value="#ffffff">
<Variable name="bgpostbody" description="Cor do post"
   type="color" default="#c60" value="#191919">
<Variable name="bgposth3" description="Cor de fundo do titulo do post"
   type="color" default="#c60" value="#333333">
<Variable name="bordercolorpostbody" description="Cor da borda do post"
   type="color" default="#ccc" value="#ffcc66">
<Variable name="bordercolor" description="Cor da borda"
   type="color" default="#ccc" value="#ffcc66">
<Variable name="sidebarcolor" description="Cor titulo sidbar"
   type="color" default="#999" value="#ffcc66">
<Variable name="sidebartextcolor" description="Cor texto sidebar"
   type="color" default="#666" value="#4c4c4c">
<Variable name="visitedlinkcolor" description="Cor dos links visitados"
   type="color" default="#999" value="#999999">
<Variable name="bodyfont" description="Text Font"
   type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="bordercolorSlideshow1" description="Cor da borda do Slide"
   type="color" default="#ccc" value="#ffcc66">
<Variable name="bgSlideshow1" description="Cor de fundo do Slide"
   type="color" default="#fff" value="#4c4c4c">
<Variable name="bgnavcontainer" description="Navcontainer"
   type="color" default="#fff" value="#ffcc66">
<Variable name="bgshowlink" description="Cor do botão MAIS"
   type="color" default="#fff" value="#ffcc66">
<Variable name="bgsidebarwrapper" description="Sidebarwrapper"
   type="color" default="#fff" value="#000000">
<Variable name="bgsidebar" description="Sidebar"
   type="color" default="#fff" value="#e6e6e6">
<Variable name="bgmainwrapper" description="Mainwrapper"
   type="color" default="#fff" value="#cccccc">
<Variable name="bgfooterwrapper" description="Footerwrapper"
   type="color" default="#fff" value="#cccccc">
<Variable name="bordercolorfooterwrapper" description="Border Color Footerwrapper"
   type="color" default="#ccc" value="#ffcc66">
<Variable name="bgfooter" description="Footer"
   type="color" default="#fff" value="#808080">
<Variable name="bgouterwrapper" description="Background Outer Wrapper"
   type="color" default="#fff" value="#000000">
<Variable name="bordercolorouterwrapper" description="Border Color Outer Wrapper"
   type="color" default="#ccc" value="#ffcc66">
   type="color" default="#ccc">
<Variable name="bgtable" description="Background Table"
   type="color" default="#fff" value="#e6e6e6">
<Variable name="bgwidebar" description="Widebar"
   type="color" default="#fff" value="#cccccc">
<Variable name="bgfirst" description="Cor de fundo do post grande"
   type="color" default="#fff" value="#4c4c4c">
<Variable name="bgfirsth3" description="Cor de fundo do titulo do post grande"
   type="color" default="#fff" value="#ffcc66">
<Variable name="bgheaderwrapper" description="Header Wrapper"
   type="color" default="#fff" value="#666666">
<Variable name="bglabelcolor" description="Label Color"
   type="color" default="#fff" value="#999999">
<Variable name="bglabelcolorhover" description="Cor marcadores hover"
   type="color" default="#fff" value="#ffcc66">
<Variable name="bgfootercolor" description="Footer Color"
   type="color" default="#fff" value="#b3b3b3">
<Variable name="bgsidebarh2" description="Sidebar h2"
   type="color" default="#fff" value="#808080">
<Variable name="bgsidebarwidget" description="Sidebar Widget"
   type="color" default="#fff" value="#e6e6e6">
<Variable name="bgsidebarulli" description="Sidebar ULLI"
   type="color" default="#fff" value="#808080">
<Variable name="bgsidebarullihover" description="Sidebar ULLI Hover"
   type="color" default="#fff" value="#ffcc66">
<Variable name="bordercolorfirst" description="Border Color First"
   type="color" default="#ccc" value="#ffcc66">
<Variable name="bordercolorsidebar" description="Cor da borda da Sidebar"
   type="color" default="#ccc" value="#ffcc66">

<Variable name="headerfont" description="Cor do titulo da sidebar"
   type="font"
   default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 63% Georgia, Times, serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
   type="font"
   default="normal normal 100% Georgia, Serif" value="normal bold 175% Times, serif">
   <Variable name="descriptionfont" description="Blog Description Font"
   type="font"
   default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
   type="font"
   default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
   type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
   type="automatic" default="right" value="right">
*/

body {background: #FF5B01 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP_u9dnEl3cunvk1-ckA_igFULKC6GB5aw8NBdbIbBWT3q21xuX_F1v6by2X7fgSum0fm_sLTsRYQcco2NfGZaS45t_hKAhYGjuWnV2mG7fi_AhgBvLav1vPF_QRAhGH545t3-uiKLXTnc/s1600/back.png) no-repeat;margin:0;color:$textcolor;font:x-small Georgia Serif;font-size/* */:/**/small;font-size: /**/small;text-align: center;}
a:link {color:$linkcolor;text-decoration:none;}
a:visited {color:$visitedlinkcolor;text-decoration:none;}
a:hover {color:$titlecolor;text-decoration:underline;}
a img {border-width:0;}
#navbar-iframe{height:0px}

/* -------- Header -------- */
#header-wrapper {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilbMaNDAskGXXXqIIS_-gsK1HwTVyFnkimcfnsLm1RAch5rC9e-La-LJatb-a6BG1dmrIJQDjJzhta-g7qUxv6wHS_acLnXnJPyJ6pV5X4SiWYKWaBmhpN8aFgvB9rNMGfJD41SRGNODnl/s1600/header21.png) right top no-repeat;width:981px;height:330px;margin:0 auto;overflow:hiddenpadding:0;}
#header-inner {margin-left: auto;margin-right: auto;}
#header-column-left {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu60SWDQJ-rAOm2O4WlxKxJGfhZYq8twCtEuFDEyW5ka0zX6M2flb7CDB0BIv15jPa7MZcnSzk2M2192TVMMVAsEH3163ueR0hVWpIkl20AeaL0cGGLMiWUQseP6zKb9GL-B8Lru8bbs5i/s1600/header.png)left top no-repeat;height: 330px;width:50%;float:$startSide;margin:0;padding:0;color:$pagetitlecolor;}
#header-column-left h1 {margin:155px 5px 0;padding:15px 20px .25em;line-height:1.2em;text-transform:uppercase;letter-spacing:.2em;font: $pagetitlefont;}
#header-column-left a {color:$pagetitlecolor;text-decoration:none;}
#header-column-left a:hover {color:$pagetitlecolor;}
#header-column-left .description {margin:0 5px 5px;padding:0 20px 15px;max-width:90%;text-transform:uppercase;letter-spacing:.2em;line-height: 1.4em;font: $descriptionfont;color: #A44C4C;}
#header-column-left img {margin-$startSide: auto;margin-$endSide: auto;}
#header-column-right {width:40%;float:$endSide;padding: auto 10px;}
#header-top {width:100%;text-align:left;padding: auto 10px;word-wrap: break-word; overflow: hidden;}
#header-bottom {width:100%;text-align:left;padding: auto 10px;word-wrap: break-word; overflow: hidden;}

/*Slide-------------------------*/
#Slideshow1 .slideshow-container {width: 300px;height:220px;margin: 10px 85px 10px -60px;padding:10px 1px 10px 10px;border: 0px solid $bordercolorSlideshow1;background: transparent;}
.Slideshow1-container a img{ position:absolute;top:0;left:0;width:80%; height:80%}

/* Menu----------------------------*/
#menu {width:610px;float:left;margin-top: -43px;padding:10px 0 0;}
#menu ul {float:left;margin:0;padding:0 5px 0 0;}
#menu li {float:left;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
#menu li a, #menu li a:link {-moz-border-radius-topleft:4px;-webkit-border-radius-topleft:4px;-moz-border-radius-topright:4px;-webkit-border-radius-topright:4px;background:$bordercolorouterwrapper;color:#ffffff;display:block;font-family:Arial,Tahoma,Verdana;font-size:0.8em;font-weight:bold;margin:6px 3px 0 0;padding:6px 15px 6px;text-decoration:none;text-transform:uppercase;}
#menu li a:hover {background:$bgouterwrapper;color:#fff;}
#header img {margin-left: auto;margin-right: auto;}
#subsearch {width:325px;background:#FFFFFF;border:1px solid #666666;color:#000000;display:inline;font-family:Arial,Tahoma,Verdana;margin-right:1pxmargin-bottom: 10px;margin-left: 30px;padding:3px 0 3px 5px;}
#subsubmit {-moz-border-radius:5px;-webkit-border-radius:5px;
background:#ffffff;border:1px solid #000000;color:#000000;font-family:Arial,Tahoma,Verdana;font-size:11px;font-weight:bold;margin:0;padding:3px 5px;text-decoration:none;}
.clear {clear:both;}

/* Outer-Wrapper----------------------------------------- */
#outer-wrapper {background: $bgouterwrapper;border: 6px solid $bordercolorouterwrapper;width: 970px;margin:0 auto;padding:1px;text-align:left;font: normal normal 99% Trebuchet, Trebuchet MS, Arial, sans-serif;}
#wrap2{width:100%; margin:0px;background: $bgsidebarwrapper;}
#main-wrapper {width: 740px;margin-top:40px;float: left;
word-wrap: break-word;/* fix for long text breaking sidebar float in IE */
overflow: hidden;/* fix for long non-text content breaking IE sidebar float */}
#blog-pager{text-align:center;width: 740px;clear:both;padding-bottom: 20px;}
#sidebar-wrapper {background: $bgsidebarwrapper;padding: 3px;margin-top: -25px;width: 220px;float: $endSide;-moz-border-radius:8px;-webkit-border-radius:8px;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 */}

/*First----------------------------- */
#first{width: 500px;margin: 10px 10px 10px 10px;padding:0px;float:left;background: $bgfirst;
border: 1px solid $bordercolorfirst;clear:both}
.first-body{margin: 0px;padding: 10px 10px;line-height:1.5em; text-align:justify;}
#first h3{display:block;margin: 10px auto;width: 95%;font-size: 19px;padding: 0px 0px 4px 0px; text-align:center; line-height:1.4em;background: $bgfirsth3; }
#first h2 a:link, #first h2 a:visited{color:#6C82B5}
#first h2 a:hover{color:#6C82B5; text-decoration:none}
.first-body blockquote{padding:5px 5px 5px 10px;background: $bgfirst;border-left: 2px solid #191919;}
.first-body img{padding:10px;background:#fff; border: 1px solid #333}
#first .comment-link{float:right; padding: 0px 5px 5px 0;}

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

/*Menu navegação--------------------------------*/
#showpageArea {padding: 0 2px; margin-bottom: 10px; margin-top: 10px;}
.showpageArea a {border: 1px solid $bordercolorpostbody; font-weight: normal;padding: 3px 6px! importante;padding: 1px 4px; margin: 0px 4px;
text-decoration: none;}
.showpageArea a:hover {font-size: 11px;border: 1px solid $bordercolorouterwrapper;background: $bordercolorouterwrapper;}
.showpageNum a {border: 1px solid $bordercolorpostbody; font-weight: normal;padding: 3px 6px! importante;padding: 1px 4px;margin: 0px 4px;text-decoration: none;}
.showpageNum a:hover {font-size: 11px;border: 1px solid $bordercolorpostbody;background: #FFFFFF;}
.showpagePoint {font-size: 11px;padding: 2px 4px 2px 4px;margin: 2px;font-weight: bold;border: 1px solid $bordercolorpostbody;background: $bordercolorpostbody;}
.showpage a:hover {font-size: 11px;
border: 1px solid $bordercolorpostbody;background: #FFFFFF;}
.showpageNum a:link,.showpage a:link {font-size: 11px;
padding: 2px 4px 2px 4px;margin: 2px;text-decoration: none;border: 1px solid $bordercolorpostbody; }
.showpageNum a:hover {font-size: 11px;border: 1px solid $bordercolorpostbody;}

/* Posts-----------------------*/
h2.date-header { margin:1.5em 0 .5em;}
.post {border: 1px solid $bordercolorpostbody;background: $bordercolorpostbody;-moz-border-radius:6px; margin-bottom: 5px; margin-top: 10px;-webkit-border-radius:6px;padding: -5px;}
.post h3 {background: $bgposth3;margin: 4px;padding:0 0 4px;font-weight:normal;line-height:1.4em;color: #ffffff;}
.post h3 a, .post h3 a:visited, .post h3 strong {display:block;text-decoration:none;color:$titlecolor;font-weight:normal;}
.post h3 strong, .post h3 a:hover {color:#FBA985;}
.post-body {background: $bgpostbody;img: 1px border #cccccc;padding: 3px;margin: 3px;line-height:1.2em;}
.post-body a:hover {text-decoration: underline;color:#FF4F00;font-size:100%; }
.post-body blockquote {line-height:1.3em; }
.post img {padding:4px;border:1px solid #cccccc;}
.post-footer {font-size:140%;margin: .75em 0;color:$sidebarcolor;text-transform:uppercase;letter-spacing:.1em;font: $postfooterfont;line-height: 1.4em;}
.post-footer a:hover {text-decoration: underline; color:#000000; font-size:120%; }
.post img { padding:4px;}
.post blockquote { margin:1em 20px;}
.post blockquote p {margin:.75em 0;}
.post-comment-link {font-size: 140%;color: #E895CC;padding: 10px;margin-top:50px;float: right;line-height:1.6em;padding: 3px 5px; float:right;}
.post-comment-link a, .post-comment-link a:visited{color: #E8D2D2;}
.post-comment-link a:hover{ color: #ffffff;}
.post-labels {margin: -20px 3px 10px 3px;font-size: 110%;color: #000;float: right;line-height:1.6em;}
.post-labels a:hover{ color: #fff;}
.post-body blockquote {border-left: 10px solid #702A2A; line-height:1.3em; }
#relacionados h4{margin: 0px; padding: 8px 0px;font-size:13px;color:#f2984c;}
#relacionados ul{margin: 0px; padding: 0px 0px 0px 5px; list-style-type:none}
#relacionados li{padding:2px 0px}
.comment-link {margin-left:.6em;}

/* Botao leia mais--------------------------- */
#showlink{-moz-border-radius:4px;-webkit-border-radius:4px;
margin-top:10px;padding: 3px 5px; margin-bottom: 30px;float:right;background: $bgshowlink;}
#showlink a, #showlink a:visited{color:#fff;}
#showlink a:hover{color:#fff}

/* Commentarios--------------------------- */
#comments-text {margin:10px 0 10px;line-height: 1.4em;
font-weight: bold; font-family:Georgia,Serif;font-size:120%;color:#333;}
.comment-author {text-align:right;color:#ccc; 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 {background: #808080;padding-left:49px;margin: 0px 0px -35px 19px;text-align:justify;font-size: 12px;}
.blog-author-comment p {width: 95%;background: #C0C0C0;padding-left:10px;padding-right: 10px;padding-bottom: 35px;}
.comment-body p {width: 95%;background: #ffffff;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:#fff;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;}

/* Balao comentario--------------------------- */
.numComments {background: no-repeat top right;float:right;text-align: center;padding: 16px 0 0 0;font-size: 180%;width: 50px;height:30px; color: #ffffff;}

/*Marcadores------------------------------------- */
.sidebar-Label1{font-size:85%; padding-left:-2px;}
#Label1 ul li {height: 100%;}
#Label1 ul li a:link, .Label1 ul li a:visited {text-decoration: none;padding: 10px 2px 5px 25px;display: block;
background: $bglabelcolor;}
#Label1 ul li a:hover {background: $bglabelcolorhover;
text-align: left;border-bottom: 1px solid #000000;}

/* Sidebar Content------------------------------- */
.sidebar .widget { background: $bgsidebarwidget;border: 2px solid $bordercolorsidebar;color: $sidebartextcolor;line-height: 1.2em;padding: 1px;-moz-border-radius:8px;-webkit-border-radius:8px;}
.sidebar h2 {background: $bgsidebarh2;text-align: center;font-size: 110%;}
.sidebar ul li {height: 100%;}
.sidebar ul li a:link, .sidebar ul li a:visited {text-decoration: none;margin: 1px;padding: 6px 10px 0px 15px;display: block;background: $bgsidebarulli;}
.sidebar ul li a:hover {
background: $bgsidebarullihover;text-align: left;border: 1px solid $bordercolorsidebar;}
.sidebar ul {list-style:none;margin:0 0 0;padding:0 0 0;}
.sidebar li {border-bottom: 1px dashed #cccccc;padding-left:0px;margin: 1px;line-height:1.2em;}
.sidebar .widget, .main .widget { margin:0 0 1.2em;padding:0 0 1.2em;}
.main .Blog { border-bottom-width: 0;}

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

/* Footer--------------------------------------- */
#footer {width:960px;clear:both;margin:0 auto;background: $bgfootercolor;padding-top:15px; border-top: 6px solid $bordercolorouterwrapper;line-height: 1.6em;text-transform:uppercase;letter-spacing:.1em;text-align: center;}

]]></b:skin>

<script type='text/javascript'>
//<![CDATA[
// 
// 
// 
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
if(thumbnail_mode == "float") {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
} else {
imgtag = '<div style="padding:5px" align="center"><img style="max-width:'+img_thumb_width+'px; max-height:'+img_thumb_height+'px;" src="'+img[0].src+'" /></div>';
summ = summary_img;
}
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<b:if cond='data:blog.pageType != "item"'>
<style>
.post{width:210px;height:120px;margin:0 2px 12px 0;float:left;overflow:hidden;padding:2px;line-height:1.4em;font-size:12px;color: $textcolor;
background: bgfirsth;}
.post h3{margin:0px;padding:0px 0 5px 0px;line-height:1.4em;color:$titlecolor;letter-spacing:1px;border:none;font-size: 12px;background: bgfirsth3; }
.post h3 a, .post h3 a:visited, .post h3 strong{display:block;text-decoration:none;color:$titlecolor;font-weight:normal;border:none; padding:0 0 0}
.date-header{display:none}
.post img{ border:none}
.post-body{padding: 0px; margin:0px;line-height:1.4em;}
#showlink{padding: 5px 10px 0 0; float:right;}
</style>
</b:if>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 50;
summary_img = 60;
img_thumb_height = 60;
img_thumb_width = 60;
</script>
</head>
<body>

  
<div id='header-wrapper'>

<div class='header-top' id='header-top'>
  <b:section class='header' id='header1' preferred='yes'/>
</div>

<div class='header-column' id='header-column-left'>
  <b:section class='header' id='header2' preferred='yes'>
<b:widget id='Header1' locked='false' title='Template Brush (Cabeçalho)' type='Header'>
<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: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:widget>
</b:section>
</div>

<div class='header-column' id='header-column-right'>
  <b:section class='header' id='header3' preferred='yes'/>
</div>

   <div style='clear:both;'/>

<div class='header-bottom' id='header-bottom'>
  <b:section class='header' id='header4' preferred='yes'/>
</div>

</div>


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

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

<div class='menu section' id='menu'>
<div class='menu'>
<ul>
<li><a href='AQUI O ENDEREÇO DE SEU BLOG'>Home</a></li>
<li><a href='ENDEREÇO DO LINK 1'>Link 1</a></li>
<li><a href='ENDEREÇO DO LINK 2'>Link 2</a></li>
<li><a href='ENDEREÇO DO LINK 3'>Link 3</a></li>
<li><a href='ENDEREÇO DO LINK 4'>Link 4</a></li>
</ul>
</div>
</div>
<div style='text-align: left;'>
<div id='subright'>
<form action='http://AQUI O NOME DE SEU BLOG.blogspot.com/search' id='search' method='get'>
<label class='hidden' for='s'/>
<input id='subsearch' name='q' type='text' value=''/>
<input id='subsubmit' type='submit' value='Buscar'/>
</form>
</div>
</div>
   <div id='content-wrapper'>

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

   <div id='main-wrapper'>
   <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='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'><data:newerPageTitle/></a>
   </span>
   </b:if>

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

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

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

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

   <div class='post-body entry-content'>
   <b:if cond='data:blog.pageType != "item"'><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><span id='showlink'><a expr:href='data:post.url'>Mais...</a></span></b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> <div style='clear: both;'/> </div>

   <div class='post-footer'>
<b:if cond='data:blog.pageType == "item"'>
   <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:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' 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 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></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'>
   <span class='post-labels'>
   <b:if cond='data:post.labels'>
   <data:postLabelsLabel/>
   <b:loop values='data:post.labels' var='label'>
   <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
   </b:loop>
   </b:if>
   </span>
   </div>

   <div class='post-footer-line post-footer-line-3'>
   <span class='post-location'>
   <b:if cond='data:top.showLocation'>
   <b:if cond='data:post.location'>
   <data:postLocationLabel/>
   <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
   </b:if>
   </b:if>
   </span>
   </div>
</b:if>
   </div>
  </div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
   <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
   <img src='http://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='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
   <div class='status-msg-body'>
   <data:navMessage/>
   </div>
   <div class='status-msg-border'>
   <div class='status-msg-bg'>
   <div class='status-msg-hidden'><data:navMessage/></div>
   </div>
   </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='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 blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
   <data:post.friendConnectJs/>
   <data:post.cmtfpIframe/>
   <script type='text/javascript'>
   BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
   </script>
  </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='http://www.blogger.com/img/icon_delete13.gif'/>
   </a>
  </span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
   <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
   <span expr:class='"item-control " + data:post.adminClass'>
   <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
   <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
   </a>
   </span>
  </b:if>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
   <a name='comments'/>
   <b:if cond='data:post.allowComments'>
   <h4>
   <b:if cond='data:post.numComments == 1'>
   1 <data:commentLabel/>:
   <b:else/>
   <data:post.numComments/> <data:commentLabelPlural/>:
   </b:if>
   </h4>

   <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:includable id='main' var='top'>
  
  <div class='blog-posts hfeed'>

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

   <data:defaultAdStart/>
   <b:loop values='data:posts' var='post'>
   <b:if cond='data:post.dateHeader'>
   <h2 class='date-header'><data:post.dateHeader/></h2>
   </b:if>
   <b:if cond='data:post.isFirstPost'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>

<div id='first'>

<b:if cond='data:post.title'>
<span class='numComments'><a expr:href='data:post.url'><data:post.numComments/></a></span>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<div class='first-body'>
<b:if cond='data:post.title'>

</b:if>

<div expr:id='"summaryf" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumbF("summaryf<data:post.id/>");</script>
<span id='showlink'><a expr:href='data:post.url'> Leia mais</a></span>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<div style='clear: both;'/> 

</div></div>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:if cond='data:post.isFirstPost'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>

<div id='first'>

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<div class='first-body'>
<p><data:post.body/></p>
</div>

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

<b:else/>
<b:include data='post' name='post'/>
</b:if>

<b:else/>
<b:include data='post' name='post'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
   <b:include data='post' name='comments'/>
   </b:if>
   <b:if cond='data:blog.pageType == "item"'>
   <b:include data='post' name='comments'/>
   </b:if>
   <b:if cond='data:post.includeAd'>
   <b:if cond='data:post.isFirstPost'>
   <data:defaultAdEnd/>
   <b:else/>
   <data:adEnd/>
   </b:if>
   <div class='inline-ad'>
   <data:adCode/>
   </div>
   <data:adStart/>
   </b:if>
   <b:if cond='data:post.trackLatency'>
   <data:post.latencyJs/>
   </b:if>
   </b:loop>
   <data:adEnd/>
  </div>

  
  <b:include name='nextprev'/>

  

  <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:widget>
</b:section>
<script type='text/javascript'>
var home_page_url = location.href;
var pageCount=3;
var displayPageNum=7;
var upPageWord ='Anterior';
var downPageWord ='Próximo';
function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
htmlMap[htmlMap.length]='/';
postNum++;
for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;
}
var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};
for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
html += '<span class="showpageNum"><a href="/">1</a></span>';
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}
if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}
html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Páginas('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
function showpageCount2(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;
htmlMap[htmlMap.length]=labelHtml;
postNum++;
for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;
itemCount++;
}
var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};
for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}
if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Páginas('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
</script>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery.fn.toggleText = function(a,b) {
return this.html(this.html().replace(new RegExp("("+a+"|"+b+")"),function(x){return(x==a)?b:a;}));
}

$(document).ready(function(){
$('.tgl').before('<span>Leia Mais</span>');
$('.tgl').css('display', 'none')
$('span', '#box-toggle').click(function() {
$(this).next().slideToggle('slow')
.siblings('.tgl:visible').slideToggle('fast');

$(this).toggleText('Revelar','Esconder')
.siblings('span').next('.tgl:visible').prev()
.toggleText('Revelar','Esconder')
});
})

</script>

<script type='text/javascript'>

var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
}
}

var home_page = "/";
if (thisUrl.indexOf("?q=")==-1 && thisUrl.indexOf(".html")==-1){
if (thisUrl.indexOf("/search/label/")==-1){
document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')
}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')
}
}
</script>

   </div>

   <div id='sidebar-wrapper'>
   <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Quem sou eu' type='Profile'>
<b:includable id='main'>
   <b:if cond='data:title != ""'>
   <h2><data:title/></h2>
   </b:if>
   <div class='widget-content'>
   <b:if cond='data:team == "true"'> 
   <ul>
   <b:loop values='data:authors' var='i'>
   <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
   </b:loop>
   </ul>

   <b:else/> 

   <b:if cond='data:photo.url != ""'>
   <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
   </b:if>

   <dl class='profile-datablock'>
   <dt class='profile-data'><data:displayname/></dt>

   <b:if cond='data:showlocation == "true"'>
   <dd class='profile-data'><data:location/></dd>
   </b:if>

   <b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
   </dl>
   <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
   </b:if>

   <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/>
   <script type='text/javascript'>
var lblname = "<data:label.name/>";
lblname2 = encodeURIComponent(lblname);
var feedlink = '/search/label/' + lblname2+'?&max-results=10'
document.write('<a href="' + feedlink + '">'+lblname+'</a>');
</script>

   </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='Slideshow1' locked='false' title='' type='Slideshow'>
<b:includable id='main'>
  
  <b:if cond='data:title != ""'>
   <h2 class='title'><data:title/></h2>
  </b:if>

  <div class='widget-content'>
   <div class='slideshow-container' expr:id='data:widget.instanceId + "_slideshow"'>
   <span class='slideshow-status'>Loading...</span>
   </div>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='LinkList22' 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='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:section>
   </div>

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

   </div> 

   <div id='footer-wrapper'>
   <b:section class='footer' id='footer'>
<b:widget id='Followers1' locked='false' title='Seguidores' 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></div> 
</body>
<div style='text-align: center;'>
<span style='font-size: xx-small;'><b>2010 <a href='http://templatebrush.blogspot.com/'>Template Brush</a> | <a href='http://templateseacessorios.blogspot.com/'>Templates e Acessórios</a></b></span>
</div>
</html>

2 comentários:

Auracilene Rocha3 de novembro de 2009 às 17:36
ameiiiiiiiiiiiiiiiiii
ResponderExcluir
Respostas
Andre e Simone Calamita13 de novembro de 2009 às 17:27
olá Elkeeee!
Amei seu blog e tudo que tem aqui...fico horas nele! rs.
Acabei escolhendo duas templates pra dois dos nossos blogs...o primeiro ficou bem legal, pois peguei uma template customizável...mas este ai de cima, o brush...ai que sufoco! rsrs.
Eu queria muito sua ajuda! pode me ajudar?
Dê uma olhada em como ficou!
Eu quero tirar o ad sense e tb quero, bem ao lado do meu perfil, colocar uma fileira de postagens, sabe, tipo o que tem no seu? rs
Ai pode me ajudar, por favor? Ficaria agradecida.
Beiju grande e Deus abençoe sua vida.

Simone Calamita
http://empreendedoresinspiracao.blogspot.com
ResponderExcluir
Respostas

Adicionar comentário

Deixe seu comentário apenas sobre o template.

Mostruário de Templates

Páginas

22 de out. de 2009

Template Brush

2 comentários:

Curta

Seguidores