Mostruário de Templates: Template Gorjuss Outono

Template em 2 colunas mais três colunas no footer, slide, sidebar em forma de menu em abas, Twitter animado.

DEMO/INSTALAÇÃO

<?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>
<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
template baseado no :Blogger Template Style/Minima
Template Mensagens Diversificadas
Date:    15 de novembro
Updated by: Elke di Barros
http://templateseacessorios.blogspot.com
URL:http://www.mensagensdiversificadas.com.br/
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#333333">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#ffffff">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#907095" value="#907095">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#999999">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#D08A8A">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#cccccc">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#ffffff">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#ffffff">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             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="headerfont" description="Sidebar Title 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="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal normal 200% 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 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">
*/

/* Use this with templates/template-twocol.html */

body {

background: #FDF7F7 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig7BVYd4Rb0bQ0i-B3QAgUq1qONWZSfzTAESBS8XxxL_KZRg3YwFadycPge5etK4PbVXSDE1w-uiHFBBFilWZVFiwXoiRmeNoHePkdz0kcq5TZyhnc97EhF0W6ZVzAsfIwq2NMU3-fsaY/s1600/Image27.png) repeat-x fixed;

margin:0px;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

a:link {
color:#ffffff;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* PageList
----------------------------------------------- */
#PageList1 {
background: transparent;
}
#PageList1 li{
font-size: 30px;
font-family:'Tangerine', arial, serif;
text-shadow: 0px 2px 2px #000;
}

#Pagelist a:hover{
background: #D9C8B7;
}

/*feed-area------------------------------*/
#feed-area {: right; color: #fff; margin: -10px 0 10px 0;}
#feed-area a:link {color: #ffffff;}
#feed-area img { padding: 2px -6px 0px 1px;}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:980px;
height: 355px;
margin:0 auto 10px;
}
#header {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzzyW-Ru2Yyl6udET7BaZIUUsJ8PTggHpXxqxPXMh7OL2yEcdn3ocQnM1Lgq_xawQDCllI9OGKKoV54nsodefY16wHJdcAn0oANc-8QmU0boek-nBs8P4AstZz4Jg704-7YUQTx0RO3mg/s1600/gorjuss300.png) no-repeat;
height: 355px;
margin: 38px 0 0 0;
text-align: left;
float:left;
width:56%;
color:#E2DBD4;
}
#header-right{
margin: 10px 0 0 0;
padding: 30px 0 0 10px;
text-align: left;
float:right;
width:40%;
color:$pagetitlecolor;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header h1 {
font-size: 45px;
font-family:'Tangerine', arial, serif;
text-shadow: 0px 2px 2px #000;
margin:85px 0 5px 0;
padding:85px 0 0 20px;
line-height:1.2em;
letter-spacing:.2em;
font: #907095;
color: #907095;
}

#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;
letter-spacing:.2em;
line-height: 1.4em;
font-size: 25px;
font-family:'Tangerine', arial, serif;
text-shadow: 0px 2px 2px #000;
color: #E2DBD4;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

#CustomSearch1 {margin: -45px 5px 0 0;}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZZBDIoAASICHx6uqk4whfGvX8yJz1vHytizLkTCI5qWy0v-ZZ-VDwsyLS_aGJhRMKJlfFNAOq7aEpQM-ZliRtdP30e-eVlU1Hh6e5FuM77pziF9cLu8_egg1sYbZY-o8-77x1McOTdSY/s1600/gorjuus1.png) no-repeat right bottom;
margin: 0 auto;
padding: -300px 0 0 0;
text-align:$startSide;
font: $bodyfont;
}

#content-wrapper {
width: 980px;
margin: 0 auto;
padding: 5px 0 0 0;
text-align:left;
font: normal normal 105% Arial, sans-serif;
}

#main-wrapper {
margin: 10px 0 0 5px;
width: 630px;
float: $startSide;
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 */
}

#sidebar-wrapper {
margin: 5px 10px 0 0;
width: 326px;
float: $endSide;
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 */
}

/* Slide
----------------------------------------------- */
.main_view {
width: 633px;
height: 280px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAf7IiioLNyiQN04XYt0kMEJiX0hYWt7QiNJCCEf4nngNfP8CGVlc3TufLOQeDyzfNSHV6UGkINaQQO3ybR6owDBi1e6JVpKX9X41-TS1V2SlL8kghaiv2mVALzZ7_vHrbkZ_stuHLzvM/s1600/1-post.png) repeat;
float: left;
position: relative;
-moz-border-radius: 0 35px 0 35px;
-webkit-border-radius: 0 35px 0 35px;
}
.window {
height:240px; /*ALTURA DAS IMAGENS-- */
width: 600px; /*LARGURA DAS IMAGENS-- */
border:1px solid #836587;
overflow: hidden;
position: relative;
margin: 20px;
-moz-border-radius: 0 35px 0 35px;
-webkit-border-radius: 0 35px 0 35px;
}
.image_reel {
position: absolute;
top: 0; left: 0;
}
.image_reel img {
float: left;
}
.paging {
position: absolute;
bottom: 19px;
right: 20px;
width: 300px;
height:35px;
z-index: 100;
text-align: center;
line-height: 40px;
background: url(.http://www.blogblog.com/1kt/transparent/white80.png);
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomleft: 25px;
-webkit-border-radius-bottomleft: 25px;
-webkit-border-radius-topleft: 25px;
display: none;
}
.paging a {
outline:none;
padding: 5px 10px;
text-decoration: none;
color: #999;
background: #D5B6C0;border: 1px solid #D5B6C0;
-moz-border-radius: 17px;
-khtml-border-radius: 17px;
-webkit-border-radius: 17px;
}
.paging a.active {
font-weight: bold;
border: 1px solid #000;
color: #fff;
background: #836587;/*COR DE FUNDO DOS NUMEROS ATIVOS*/
-moz-border-radius: 17px;
-khtml-border-radius: 17px;
-webkit-border-radius: 17px;
}
.paging a:hover {
font-weight: bold;
}

/*Tab-Sidebar --------------------------------------------------*/
.widgets{
background: #ECE3E6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkJAs9t9MIZmUMPZZzq9qv2QLnPBkHlzvbH39tXGW09bCjhKz7Dk1VNf25VEZ-XETdtmaSmeRCedLmNmToJ8kc1nEmOm-FSk412I6IrStIcAYRKJFbVcCNnRykQDsgcl2YUJBWOePdung/s1600/sidebar.png)repeat;
float:left;
margin: -300px 0px 0 10px;
width:318px;
}

ul.tabnav{
margin:0;
padding:0;
width:318px}

.tabnav li{
background: #ECE3E6;
display:inline;
float:left;
list-style:none;
margin: 1px 0px 1px 1px;
padding: 2px 0px;}

.tabnav li a{
color:#fff;
display:block;
font-size:88%;
font-family:Arial, Tahoma, Verdana;
font-weight:bold;
margin:2px 2px 0 2px;
outline:none;
padding:4px 3px 1px 3px;
text-transform:uppercase}
.tabnav li a:hover,
.tabnav li a:active,
.tabnav li.ui-tabs-selected a{
background:#fff;
color:#333;
text-decoration:none}
.tabdiv{
border: 2px solid #ECE3E6;
background: #ECE3E6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkJAs9t9MIZmUMPZZzq9qv2QLnPBkHlzvbH39tXGW09bCjhKz7Dk1VNf25VEZ-XETdtmaSmeRCedLmNmToJ8kc1nEmOm-FSk412I6IrStIcAYRKJFbVcCNnRykQDsgcl2YUJBWOePdung/s1600/sidebar.png)repeat;
padding:0 0 0 5px;
margim: 0 0 0 20px;}
.tabdiv h2{display:none}
.tabdiv ul{
list-style:none;
padding:5px 0px}
.tabdiv li{
border-bottom:1px dashed #4F3565;
line-height:1.35em;
margin:2px 0 2px 0;
padding:0 0 2px 3px}

.tabdiv li a:link,
.tabdiv li a:visited{color: #383224;
overflow: hidden;
font-size: 25px;
color:#4C3B5B;
font-family:'Tangerine', arial, serif;
text-shadow: 0px 2px 2px #000;}

.tabdiv li a:hover {
text-decoration:none}

.ui-tabs-hide{
display:none}

/* Showlink
----------------------------------------------- */
#showlink {
text-align: right;
float: right;
color: #E1B3B3;
font-size:14px;
font-family:Arial, Tahoma, Verdana;
font-weight:bold;
margin:2px 2px 0 2px;
outline:none;
padding:4px 3px 1px 3px;
text-transform:uppercase
}

#showlink a:link{
float: right;
color: #E2DBC9;
font-size:15px;
font-family:Arial, Tahoma, Verdana;
font-weight:bold;
margin:2px 2px 0 2px;
outline:none;
padding:4px 3px 1px 3px;
text-transform:uppercase

}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
letter-spacing:.2em;
color:$sidebarcolor;
}

/*Label Cloud----------------------------------------*/
.cloud-label-widget-content {text-align:center;font-weight: bold;}
.cloud-label-widget-content span {padding: 0 0 0 5px;}
.label-size-1 a {color: #9D3B3B; font-size: 12px;}/*rosa*/
.label-size-2 a {color: #000000; font-size: 14px;}/*azul*/
.label-size-3 a {color: #E4B0B0; font-size: 16px;}/*amarelo*/
.label-size-4 a {color: #DECACA; font-size: 18px;}/*preto*/
.label-size-5 a {color: #BD9696; font-size: 20px;} /*forte*/

/* Posts
-----------------------------------------------
*/
.date-header {
color: #000;
margin: 10px 0 6px 0; float: right; padding: 5px 5px 2px 3px;
color: #4F3565;
}

.post {
margin:.5em 0 1.5em;
background: #E2DBC9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSPSnSq8Gy0Lp23y9YF4K51EopdBVDNKEtZ05SDobAf9p6ZF_3YzSw9lCpwpnv67EJG92jqG5ay70lO1KucSgO5jVP_MGCzRaYbcIxi6BD6_0ew9R7iwYUTayyxMRIsq45PaGp7_gK6Ho/s1600/post650.png)repeat;
padding:10px 10px 10px 80px;
}
.post h3 {
font-size: 30px;
font-family:'Tangerine', arial, serif;
text-shadow: 0px 2px 2px #000;
line-height:1.4em;
font-weight:bold;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNfGAJ50qaE3MnxeiFdAol_FWSLEDwNkbbmri-96OzYpCpIprgjobw-EnwnMRs44xynhKsGfK7gDqnuRVLYiYzg88IALU9clt6FvxNMCLx3Y8KNxIGBA95g_eZIx2tdfkhzuF35KzKUrw/s1600/Image10.png) no-repeat left;
margin:12px 3px 5px 5px;
padding:8px 5px 5px 15px;
color: #4F3565;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
font-size: 35px;
font-family:'Tangerine', arial, serif;
text-shadow: 0px 2px 2px #000;
display:block;
text-decoration:none;
color:#4F3565;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:#808080;
}

.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body a{
color: #000;
}

.post-body blockquote {
line-height:1.3em;
}

.post-footer {
color: #4F3565;
margin: .75em 0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-$startSide:.6em;
}
.post img, table.tr-caption-container {
padding:4px;

}
.tr-caption-container img {
border: none;
padding: 0;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar .widget{
background: #E2DBC9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSPSnSq8Gy0Lp23y9YF4K51EopdBVDNKEtZ05SDobAf9p6ZF_3YzSw9lCpwpnv67EJG92jqG5ay70lO1KucSgO5jVP_MGCzRaYbcIxi6BD6_0ew9R7iwYUTayyxMRIsq45PaGp7_gK6Ho/s1600/post650.png)repeat;
padding: 3px 10px 10px 30px;
margin: 10px 5px 3px 5px;
color: $sidebartextcolor;
line-height: 1.5em;
-moz-border-radius: 0 35px 0 35px;
-webkit-border-radius: 0 35px 0 35px;
}
.sidebar h2{
font-size: 30px;
font-family:'Tangerine', arial, serif;
text-shadow: 0px 2px 2px #000;
color:#4F3565;
padding: 5px 2px 5px 2px;
text-align: center;
}
.sidebar ul {
list-style:none;
margin:0 10px 0 0;
padding:0 10px 0 0;
}
.sidebar li:hover,.sidebar li a:hover,.sidebar a:hover{
display:block; background: #F5E3E3;
color:#000;text-decoration: none;
}
.sidebar li {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBqrYg77mh5ox_RRc5KV1NRwL8qk4d6OEmgGdnM3SsiLsY4guborDDK7-k34oeBCU0w9ksNVMlrGHmVV2zDLXfEHeX2mhNeiZhSigBn2zcPAnyg7cP-zo-o9EJepMMqPHDe5IRjkpYt8o/s1600/1as17.gif) no-repeat;
border-bottom: 1px solid #926234;
margin:0;
font-size: 12px;
padding-top:0;
padding-right:0;
padding-bottom:.10em;
padding-left:30px;
text-indent:-15px;
line-height:1.5em;
}

.main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.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:980px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
letter-spacing:.1em;
text-align: center;
}

#footer-columna-contenedor {clear:both;}
.footer-columna {padding: 8px;}

/* Colunas
----------------------------------------------- */
#col1, #col2, #col3{
background: #E2DBC9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSPSnSq8Gy0Lp23y9YF4K51EopdBVDNKEtZ05SDobAf9p6ZF_3YzSw9lCpwpnv67EJG92jqG5ay70lO1KucSgO5jVP_MGCzRaYbcIxi6BD6_0ew9R7iwYUTayyxMRIsq45PaGp7_gK6Ho/s1600/post650.png)repeat;
color: #000;/*cor da letra*/
line-height: 1px;
padding: 10px 3px 12px 1px;
margin: 20px 5px;
-moz-border-radius: 0 35px 0 35px;
-webkit-border-radius: 0 35px 0 35px;
}

#col1 h2, #col2 h2, #col3 h2{/*títulos*/
margin: 10px 0;
text-align: left;
float: center;
font-size: 25px;
font-family:'Tangerine', arial, serif;
text-shadow: 0px 2px 2px #000;
color:#4F3565;
padding: 5px 2px 5px 2px;
text-align: center;
}

#col1 ul, #col2 ul, #col3 ul{
letter-spacing:.1em;
line-height: 1.6em;
list-style:none;
margin:2px 0 4px 0;
padding:6px 0 4px 0;
}

#col1 ul li a:link, #col2 ul li a:link, #col3 ul li a:link{/*link cinza*/
letter-spacing:.1em;
line-height: 1.6em;
color:#4F3565;/*cor da letra cinza claro*/
border-bottom:1px dashed #4F3565;/*borda cinza claro*/
margin: 12px 0 1px 12px;
padding: 10px 0 5px 14px;
display:block;
}

#col1 ul li a:visited, #col2 ul li a:visited, #col3 ul li a:visited{ /*links visitados ciza escuro*/
letter-spacing:.1em;
line-height: 1.6em;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEqyNVDAQJJcjZMbKViXvqk2iDbedn_LR3aIuRVoqIvTqcUqnQx_6bJC2wcB44fPHVzzUXcxPD6_KNYmhVnCogxQFncN0Ql8u6dEcdvA3IrsCylZCBKPl5qyKem3qJeXAZb3-3qcvcIfDx/s1600/2z.gif) no-repeat 4px;
color:#808080;/*cor da letra cinza escuro*/
border-bottom:1px dashed #808080;/*borda cinza escuro*/
margin: 12px 0 1px 12px;
padding: 10px 0 5px 14px;
display:block;
}

#col1 ul li a:hover, #col2 ul li a:hover, #col3 ul li a:hover{ /*ao passar o mouse em cima vermelho*/
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGn5-A_wcgitMAa5yLYBlSBlsCxeRJ4-i55PlcrVo4tHYNaS-3Cl1ahyphenhyphenCMLXeFMUUqjGQoQd2EdyD_I82X9ZPkckHas-V24qfTzgVHc3Sz-2vXYWqLEWuXF66NAusYL4AzSgRv9bsyrIef/s1600/4we.gif) no-repeat 4px;
color: #EFD1B3;/*cor da letra vermelha*/
border-bottom:1px dashed #EFD1B3; /*borda vermelha*/
}

/*Menu horizontal-----------------------------------*/
#nav{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ_tZG5iI-wE3zxz94b96ui88ttJU7_Wf7ncZ1vDExPceNyCiVknnOgyZ0tm_0BnK9SRgMn7yUpzWdqXeIFw_gVTyUyS858biFNCLSojxTrJxF4aohCHeGMeDu30dJbYrdRAQfN8U0An4/s1600/fundomenu.png) repeat;height:39px;position:fixed;top:0px;left:0px;right:0px;}
#nav ul{height:28px;list-style:none;margin:8px auto 0px auto;width:980px;}
#nav ul li{display:inline;float:left;margin:0 3px;}
#nav a{font-size:12px;font-weight:bold;float:left;padding: 3px 6px;color:#999;text-decoration: none;cursor: pointer;background:transparent;height:20px;line-height:18px;}
#nav a:hover{background:#D9D9DA none;color: #fff;}
#nav a.top span, #nav a.footer span{float:left;width:16px;height:22px;}
#nav a.top span{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmGD_Iu2fWeGnP2DaYO_Ho2FgPyNq6NWHG2_D3gPwbHXCA5WqYD51AA5RFpwAYfppXz0SIWM2q1WjSvN3twUHr_TScltwyBnP7NOTHwC07LPoDA1cIYCDhtz9gF54RFztJ-EcKRLLcOck/s1600/up.png) no-repeat center center;}
#nav a.footer span{background:transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh74yOZrILSprpjjNNFWXk2RnH-Jyu50o0wmygLY-ehqcULoZHNrW7zw0-dMGwzWpuM3zdA0lersUKjZ_pZbcy5zIyyPdlzmGBGVPuHtDSl3muWSn1J0r6vw6ipLlk0cjFDfgf8wm_QBZU/s1600/Image7.png) no-repeat center center;}
#navbar-iframe { height: 0px; visibility: hidden; display:none; }

/*Showrecentcomments-----------------------------------------*/

.bbrecpost {
background: #EEE5E8;
margin: 13px 2px 3px 2px;
padding: 6px 3px;
}
.bbrecpostsum {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh74yOZrILSprpjjNNFWXk2RnH-Jyu50o0wmygLY-ehqcULoZHNrW7zw0-dMGwzWpuM3zdA0lersUKjZ_pZbcy5zIyyPdlzmGBGVPuHtDSl3muWSn1J0r6vw6ipLlk0cjFDfgf8wm_QBZU/s1600/Image7.png) no-repeat left top;
border: 2px dashed #EEE5E8;
color: #000;
margin: -3px 2px;
padding: 14px 2px 4px 18px;
}
.bbwidgetfooter{
background: #EBF1F1;
padding: 6px 3px;
margin: 13px 2px 3px 2px;
}
.bbrecpost, .bbwidgetfooter, .bbrecpostsum a{
color: #808080;
}

]]></b:skin>

<script type='text/javascript'>
//<![CDATA[
// ----------------------------------------
// SHOW RECENT COMMENTS
// ----------------------------------------
// This functions takes a blogger-feed in JSON
// format and displays it.
//
// Version: 3
// Date:    2009-02-13
// Author: Hans Oosting
// URL:     beautifulbeta.blogspot.com
// ----------------------------------------

function showrecentcomments(json) {
for (var i = 0; i < numcomments; i++) {
    var entry = json.feed.entry[i];
    var alturl;

    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        alturl = entry.link[k].href;
        break;
      }
    }
   var postlink = alturl.split("?");
   var commentid = alturl.split("#");
   postlink = postlink[0];
   commentid =commentid[1];
   var linktext = postlink.split("/");
   linktext = linktext[5];
   linktext = linktext.split(".html");
   linktext = linktext[0];
   var posttitle = linktext.replace(/-/g," ");
   posttitle = posttitle.link(postlink);
   var commentdate = entry.published.$t;
   var cdyear = commentdate.substring(0,4);
   var cdmonth = commentdate.substring(5,7);
   var cdday = commentdate.substring(8,10);
   var monthnames = new Array();
   monthnames[1] = "Jan";
   monthnames[2] = "Fev";
   monthnames[3] = "Mar";
   monthnames[4] = "Abr";
   monthnames[5] = "Mai";
   monthnames[6] = "Jun";
   monthnames[7] = "Jul";
   monthnames[8] = "Aug";
   monthnames[9] = "Set";
   monthnames[10] = "Out";
   monthnames[11] = "Nov";
   monthnames[12] = "Dez";
   if ("content" in entry) {
     var comment = entry.content.$t;}
   else
   if ("summary" in entry) {
     var comment = entry.summary.$t; }
   else var comment = "";
   var re = /<\S[^>]*>/g;
   comment = comment.replace(re, "");
   document.write('<div class="bbrecpost">');
   if (showcommentdate == true) document.write('<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-HmJ9UN0du2iTRpn0o1GK3AeXmSlWyEBAimRUiqcRh1NeOFlj9P9nbFyLIv6offcGMmbMmGXtiuJuI_ZGZaGOD31xFvH9dwGYDZw0mpD5t3kQ1GPSYAOUbx1zVVGrSmFFKg1CnSPxUGE/s1600/attach.png"/> Em ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' ');
   document.write('<a href="' + postlink +'#' + commentid + '">' + entry.author[0].name.$t + '</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii8pSkloZ3QBvUn-fsxE6P9pnTXr5LhBQRI3-xHtmpOk6UYRm4D5VJMSlFm9XO5u-cq8lJtn_gtyffaGusaivieFY9Yj1di6-xwEUpzayZLSZHNWTpMwWE0QXfhMKG5wR8L1S83BSmSyo/s1600/030.png"/> comentou');
   if (showposttitle == true) document.write(' : <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0uofgQVJP01rAJq284JJdsc3yIfmaKkaiKHc9NneUBmR62SQDywLn9nNjtcvcJDw44dm06jndwW1OEMSINYPtmdPPSMHClcJwciCMgbLcKRXrkHOXM5XXzFDOcvwcGDmJkfTrhuWiuSE/s1600/link.png"/> ' + posttitle);
   document.write('</div><div class="bbrecpostsum">');
   if (comment.length < numchars) {
         document.write(comment);
   }
   else
        {

         comment = comment.substring(0, numchars );
         var quoteEnd = comment.lastIndexOf(" ");
         comment = comment.substring(0, quoteEnd);
         document.write(comment + '...<a href="' + alturl + '">(mais...)</a>');
   }
   document.write('</div>');
}
document.write('<div class="bbwidgetfooter">');
document.write('<span style="font-size:80%;">Widget by <a href="http://templateseacessorios.blogspot.com">Templates e Acessórios</a><br/>Powered by <a href="http://beautifulbeta.blogspot.com">Beautiful Beta</a></span>');
document.write('</div>');}
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
$(document).ready(function() {

    //Set Default State of each portfolio piece
    $(".paging").show();
    $(".paging a:first").addClass("active");

    //Get size of images, how many there are, then determin the size of the image reel.
    var imageWidth = $(".window").width();
    var imageSum = $(".image_reel img").size();
    var imageReelWidth = imageWidth * imageSum;

    //Adjust the image reel to its new size
    $(".image_reel").css({'width' : imageReelWidth});

    //Paging + Slider Function
    rotate = function(){
        var triggerID = $active.attr("rel") - 1; //Get number of times to slide
        var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

        $(".paging a").removeClass('active'); //Remove all active class
        $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

        //Slider Animation
        $(".image_reel").animate({
            left: -image_reelPosition
        }, 500 );

    };

    //Rotation + Timing Event
    rotateSwitch = function(){
        play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
            $active = $('.paging a.active').next();
            if ( $active.length === 0) { //If paging reaches the end...
                $active = $('.paging a:first'); //go back to first
            }
            rotate(); //Trigger the paging and slider function
        }, 7000); //Timer speed in milliseconds (3 seconds)
    };

    rotateSwitch(); //Run function on launch

    //On Hover
    $(".image_reel a").hover(function() {
        clearInterval(play); //Stop the rotation
    }, function() {
        rotateSwitch(); //Resume rotation
    });

    //On Click
    $(".paging a").click(function() {
        $active = $(this); //Activate the clicked paging
        //Reset Timer
        clearInterval(play); //Stop the rotation
        rotate(); //Trigger rotation immediately
        rotateSwitch(); // Resume rotation
        return false; //Prevent browser jump to link anchor
    });

});

</script>
<b:if cond='data:blog.pageType != "item"'>
<style>
.post {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAf7IiioLNyiQN04XYt0kMEJiX0hYWt7QiNJCCEf4nngNfP8CGVlc3TufLOQeDyzfNSHV6UGkINaQQO3ybR6owDBi1e6JVpKX9X41-TS1V2SlL8kghaiv2mVALzZ7_vHrbkZ_stuHLzvM/s1600/1-post.png);
padding:10px 10px 10px 20px;
}
.post h3 {
font-size: 30px;
font-family:'Tangerine', arial, serif;
text-shadow: 0px 2px 2px #000;
color: #000;
margin: 10px 0 0 20px; padding: 10px 0 -20px 50px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
font-size: 30px;
font-family:'Tangerine', arial, serif;
text-shadow: 0px 2px 2px #000;
display:block;
text-decoration:none;
color:#000;
font-weight:normal;
}
.post-body {
margin: 0px 50px -10px 20px; padding: 5px 0 -10px 50px;
}
.post-footer {
color:#74734C;
margin: 0 2px 20px 20px;padding: 5px 0 -10px 50px;
}
.post-footer a {color: #000;
}
</style>
</b:if>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 330;
summary_img = 260;
img_thumb_height = 140;
img_thumb_width = 140;
</script>
<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>

<script src='http://www.google.com/jsapi'/>
<script>
google.load("jquery", "1.3.1");
google.load("jqueryui", "1.5.3");
</script>
<script type='text/javascript'>
//<![CDATA[
// 
$(document).ready(function() {
$('#tab-sidebar> ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
});
//]]>
</script>


<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {text-align:center; text-transform:none; height:100%;min-height:100%;padding:10px 0 15 0; margin: 20px 5px 0 5px; background: url(.https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAf7IiioLNyiQN04XYt0kMEJiX0hYWt7QiNJCCEf4nngNfP8CGVlc3TufLOQeDyzfNSHV6UGkINaQQO3ybR6owDBi1e6JVpKX9X41-TS1V2SlL8kghaiv2mVALzZ7_vHrbkZ_stuHLzvM/s1600/1-post.png);}
#related-posts h2{font-size: 12px;text-align: center; color: black; margin-bottom: 0.35em;margin-top: 0em;padding-top: 0em;}
#related-posts a{color:black; background: #ffffff; border: 1px solid #000; padding: 10px; margin: 2px; height: 180px;}
#related-posts a:hover{color:black;}
#related-posts a:hover {background-color:#ccc;}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV9o-OXWOeWRBxLWfEj2dfMIYg0j9mNdznLFqwIJMphwAUMdGuTKNPIlWJBUddx1eaCf2RlM_dg87CxWQYupITeZTplWDkY39_6IiPtFx8ey8HymuzdJUiYcG3o6mZ6HkS3tnPtH0k1lw/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Posts Relacionados";
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
</b:if>

</head>

<body>

<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 id='nav'>
<ul>
<li><a class='top' href='#header'><span/></a></li>
<li><a class='footer' href='#footer'><span/></a></li>
<li><a href='#'>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>

<a href='ENDEREÇO DO TWITTER'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikyXsk7o8bJGk1NxZ7GfJwalrS_Z_WiAN7seN9VRxq5QQvjytfxvrzx4q1_wpBbzLShXfZiPu4iA2V1rq4_kylqsYxqm1O_0J9b953dP1RP3lzlQf_yqoPjQCjzVrt6Eg3MHSpFBOVl-w/s1600/twitter.png'/></a>
<a href='ENDEREÇO DO FACEBOOK'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZq9QxH65iWmMrIWjjScGALEXx3HfNAOoDI96_4ZhFpF84OpUJ04yUQtF2V1dPl8P3I8TQ4rE1FM6s4igdk-JEiLQSNX0ulz3ltyNEBqCvJ2C0ecoEbyAp_mRCFBvrML-4R-SnabQO8xg/s1600/facebook.png'/></a>
<a href='ENDEREÇO DO GOOGLE BUZZ'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDvoZ8ZsILmsuD_l3LQP_aKyYxTN83FjTa5XHhUYPTvQwc2ozt8iNuvpO8Qyhtw-DEU6LdZe_qmVOlrj8s8g5YhoCuO7wiSQdy3cj4aau47nN0lsNywGJzV0YkAAy1x3FVJ3zXinzg_wY/s1600/google+buzz+16px.png'/></a>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhiva6S1iz1UoH7xKW6ohrW2_NJV-HI3cLM1E8qSFaF7hy0HEPkH67sjkGecMgK2dn7sZXpfR6LyzHv_h7TVyeEne5rdWQFC-kwR0JIpDYUmBMF-ZWBSoWatb1-ca2bk4I_Jb1AJjgUXg/s1600/feed.png' title='Feed Posts'/></a>
<a expr:href='data:blog.homepageUrl + "feeds/comments/default"'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaafx4FVFTD1pNAwQH_JCH-6sE9ZUHpiJzn_dk5iu_xszKgrLM3auFCzjACsHtDvKNHsRj6GE00WavWJUnSB1M9MmTjT-9PWs0fRU-YVT9_MVjRsgIDi2KfKpGgdhnmjz9c5K3ZH2ZVVs/s1600/feed_ballon.png' title='Feed Comentários'/></a>
</ul>
</div>

     <div id='header-wrapper'>

      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Template Gorjuss Outono (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'>
<div class='titlewrapper'>
    <h1 class='title'>
      <b:if cond='data:blog.url == data:blog.homepageUrl'>
        <data:title/>
      <b:else/>
        <a expr:href='data:blog.homepageUrl'><data:title/></a>
      </b:if>
    </h1>
</div>
<div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='header-right' id='header-right' maxwidgets='1' showaddelement='yes'>
<b:widget id='CustomSearch1' locked='false' title='' type='CustomSearch'>
<b:includable id='main'>
    
    <b:if cond='data:title != ""'>
      <h2 class='title'><data:title/></h2>
    </b:if>

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

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

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

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

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

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

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

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

      #uds-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:section>
    </div>

    <div id='content-wrapper'>
<div id='slide'>
<div class='folio_block'>

<div class='main_view'>
<div class='window'>
<div class='image_reel'>

<a href='AQUI O ENDEREÇO DO LINK 1'><img heigth='240px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhapCkMMMH_zwz15HGbDMwXDgh0-ILj8jnZxZs6yeGE4Wi3jVJwbn-GXmS2p1UiNk1aiaxH9lUVTB0S2PofvNP1INBh9vsTlD-Bea88fVUjOrQR8MMgixcwFcwCKuaw1sEj1hY_YaTd-Ts/s1600/angel.jpg' width='600px'/></a>
<a href='AQUI O ENDEREÇO DO LINK 2'><img heigth='240px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx2q27vjSipdkhZnquIewRYZZYQCySesXIt6U2n5O2MkaaaZUVSeHxoJuRJKnKZOskIrAHI6bWdfCn_WoET-cj1UBh_P3dLRUCCLi8iQFbD0trNbX6RLHTfLGZMwBcydOo_17WhEst_9Q/s1600/blacksky.jpg' width='600px'/></a>
<a href='AQUI O ENDEREÇO DO LINK 3'><img heigth='240px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9i78sDymBQYhJUShURupxmJMCTYaLEhy3SM4iqOnMeN7Y27FN3wfaIOSSV-NyE3d3zt7mif5jRmA289s3cfkf8EoSIDp4pq9akoA4i9YoL8ySGsefTWLZFgXBNLHlyfpXo1Tuwbq_Bs4/s1600/Somewhere_Between_by_gorjuss.jpg' width='600px'/></a>
<a href='AQUI O ENDEREÇO DO LINK 4'><img heigth='240px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK1eCBACWnWJFJSMCniQrgY3OrtiA4VKZhlKphyphenhyphengcRBUSwzMzTXSL5nj5vpOw_2GgzZ84Jt0oGtveIjRee_ynu8yWk2Iz-iffj9SvNRApNKJeeQj7shs1fXf9z2G9KLSabbBoBlrgAARc/s1600/gorjus005.jpg' width='600px'/></a>
<a href='AQUI O ENDEREÇO DO LINK 5'><img heigth='240px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicTCAn9RJATCfKCEXc7ZBRCBfpbEUsWQOLYVWfzbqP3I25EaIoI9SabJkCvSVBZKMijhC-BJBY_N_VDWQSYV9Szl0r_Vlx0p-2LGFb3zPRWebbgR6lQ-UkYD_-pPO1F170IWqdqT5vVAQ/s1600/image1ur.png' width='600px'/></a>
<a href='AQUI O ENDEREÇO DO LINK 6'><img heigth='240px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJgothedX1wxpN1MGipNMyb3yIO8zDDIZrFbzoHt-laoyHKUj_GECvXT2DNQtpFklWFKW7VipwRzTz0LYFMSxdZ9V5Qf0WRJPZwJlr-Rm-Wurp5WK4lkvIOMAKKEuQLUg0eBEk3g4MReY/s1600/gorjus018.jpg' width='600px'/></a>
<a href='AQUI O ENDEREÇO DO LINK 7'><img heigth='240px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzYT0BcbLhjXybaQrNAgxrpuYXtR9HDwOjOI90KP4z9ZsygIz1PDczmd4fOi3u_FMTFGo_m5YLCw35Ygj4x_geOU7UgY38tQER9tp8WpFS7UC5ywJ887QfhsErlxPfYTIf3Po9izuZxqc/s1600/gorjus020.gif.jpg' width='600px'/></a>
<a href='AQUI O ENDEREÇO DO LINK 8'><img heigth='240px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhapCkMMMH_zwz15HGbDMwXDgh0-ILj8jnZxZs6yeGE4Wi3jVJwbn-GXmS2p1UiNk1aiaxH9lUVTB0S2PofvNP1INBh9vsTlD-Bea88fVUjOrQR8MMgixcwFcwCKuaw1sEj1hY_YaTd-Ts/s1600/angel.jpg' width='600px'/></a>

</div></div>

<div class='paging'>
<a href='#' rel='1'>1</a>
<a href='#' rel='2'>2</a>
<a href='#' rel='3'>3</a>
<a href='#' rel='4'>4</a>
<a href='#' rel='5'>5</a>
<a href='#' rel='6'>6</a>
<a href='#' rel='7'>7</a>
<a href='#' rel='8'>8</a>
</div>
</div>

</div>
</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>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:post.sharePostUrl'>
      <a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
      <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
      <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
      <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
      <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:if>
</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'>
    <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'>
    <div class='post-header-line-1'/>
    </div>

    <div class='post-body entry-content'>

<b:if cond='data:blog.pageType == "item"'>
<script src='http://oloblogger.googlecode.com/files/tripleflap.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
    var birdSprite="http://oloblogger.googlecode.com/files/birdsprite.png";
    var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
    var twitterAccount = "AQUI O ENDEREÇO DE SEU TWITTER PARA O PASSARO";
    var tweetThisText = "TWEET ME: <data:post.url/>";
    tripleflapInit();
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj15psHNY_PefZ6ceUGYtevoeVroE51rB3jbAsiVLIK4OTG2BIS7iO84LVLIPxbvrKpKiLAPKoN8SuW7mQcocaoLwikiZa3HEPi2DzjJ06uhx1WHxg_r4r_2vrHwxIQGJhS0KlQWSU9-X8/s1600/129.png'/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/>
</b:if>
<div style='clear: both;'/> 
</div>

    <div class='post-footer'>
    <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='post-labels'>
        <b:if cond='data:post.labels'>

          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHjjx0eZuqp94KNBr0H6tuN3F_b1S82kNcgeTLy9B-WaqTPlITkZtOY3vBdgiIKLL2GKrNpr_ColwGlGfe-rRBD-5lCji17pMpjyK757cItK-sYxLRs6X79IQOV2g2fqNeXW-hBGoKngU/s1600/Image6.png'/> <data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
          </b:loop>
        </b:if>
      </span>
<span class='post-comment-link'>
        <b:if cond='data:blog.pageType != "item"'>
          <b:if cond='data:blog.pageType != "static_page"'>
            <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/><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggCgD9uD-Duh2KpYztUEVOcQC-pQo1xbUX4Hx49_Q03Ug24D6o29D43CatskcQ7dwksRcvRSO3k3xKRCxNPFy1DctDQ-j7AhmK8aqiPxHNmDB7uJXvUb-kbcNRwl5V-W5UGe9LHz32rjg/s1600/Image7.png'/> </b:if></a>
            </b:if>
          </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://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

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

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

</div>
<b:if cond='data:blog.pageType == "item"'>
      <div class='post-footer-line post-footer-line-3'>
<div class='post-share-buttons'>
        <b:include data='post' name='shareButtons'/>
      </div>
<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='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/>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup' style='border:red 1px solid;width:100px;height:100px;'/>
    </b:if>
    <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='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
</span>
</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' src=' http://www.blogger.com/img/icon18_edit_allbkg.gif '/>
</a>
</span>
</b:if>
</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.isDateStart'>
        <b:if cond='data:post.isFirstPost == "false"'>
          </div></div>
        </b:if>
      </b:if>
      <b:if cond='data:post.isDateStart'>
        <div class="date-outer">
      </b:if>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
      </b:if>
      <b:if cond='data:post.isDateStart'>
        <div class="date-posts">
      </b:if>
      <div class='post-outer'>
      <b:include data='post' name='post'/>
      <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>
      </div>
      <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>
    <b:if cond='data:numPosts != 0'>
      </div></div>
    </b:if>
    <data:adEnd/>
</div>


<b:include name='nextprev'/>


<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
    <script src='//www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
    <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

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

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

      <div expr:class='data:post.postAuthorClass' expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
        <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 expr:class='"comment-body " + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                  <span class='interaction-iframe-guide'/>
                </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>
      </div>

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

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

      </p>
    </b:if>

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

<div class='widgets' id='tab-sidebar'>
<ul class='tabnav'>


<li class='tab1'><a href='#tab1'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDC5jQFpEA2llxPxXduIZ0ids5Mhr7V_z_s6oNcpC7sW3Iq-2SYDQOQJ9Xt4v7IZFkVicr4f3FcaI8o-wuDIRpjQCd-ozZ-FbAvrNfkO4oQ7xhFALMIL4QIsMfarK-rjYwpxdHCs3iLIs/s1600/Copy.png'/> </a></li>
<li class='tab2'><a href='#tab2'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGkRCuNJu9-hxoYofZEb-oO-qgdNhcTPXnFsHr7FOCfdmYjUhRLU_LD5G1cOwNAF7IoI66H4kO_Th4UXDtx4SvI2aWS_b6Zn46iRG8J-UB2szv8LQYJ-3Z0h6BmhHF2etQKGMXInIul70/s1600/Favourites.png'/></a></li>
<li class='tab3'><a href='#tab3'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqJ28era3r9KqjRuyBTPegtbxRRcYceWTMHF6ezR65SFV35UqsTASLdmDrHyap_Z4K2heTUF510Kk12zAuL2ZryPrxKhnRjRuuxIKT0DUxxn9VYngfQawsXxqVTbW7kZJfDxi-Giq0eSg/s1600/Yellow+tag.png'/></a></li>
<li class='tab4'><a href='#tab4'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYFBgeW4kAHk0VzfFJjC7zY44dhydpJL67g0QeVaGJZNgsllgvxz59D6sQMPbFttcpQ-zfW7IsoXjoVonvfw0W5fDAs_xMFmAQsK9djdLGCDsRn-vpqkmYh9Rc3qcqH4d0fSNhAVTQ55s/s1600/Comment.png'/></a></li>
<li class='tab5'><a href='#tab5'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7BNMgTVO50icFzB9EGWwTvZ2xkWtbO1A0O3iMWBJ9zbXmdDGa72shyO4pv16j9EIpmCNGUKmgLumJysUS4zBAQNvoYhuSGCpKYMLLBEGBV3joUkOolKt-8Cg0wiuYkQiwqDm2WfJiCck/s1600/Text.png'/></a></li>
<li class='tab6'><a href='#tab6'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi30ua2nShm3sdZjUaeySewHvXzO5kxxWUOlhweDEG9vw-ZVjyWHTWxRPo9H7p1MT2arauWTPVdEKH_FS3emhmPaOoM9j2aZ5xxzJL4-DiJb-FJGY0ye6Rn3ZblGERJ-m3GQcnvIKKMwRY/s1600/E-mail.png'/></a></li>
<li class='tab7'><a href='#tab7'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDgZHloIEswP8GkuytEwlRXKiWMvQ1xmtX0TrtAgZZKecmvcai-YmWf0taV1t6A6t6UnZmMuWHhep6H1PPdZeJTHSTg5sav9xMm8p6H9J99gY-m_yjDDLNrY_b_4ya_baV9TtxIJ1s0hE/s1600/Folder.png'/></a></li>
<li class='tab8'><a href='#tab8'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw1O8r3sV8wazjqATcFdfuKRgs6_ytTJYTNZ8RggUewM_2YqlWMzjASNj4XOz4RMSQsLNL13BIsveFrgN2VpCBg4KnpBmSkhjFrZf7dr-TL6dQiH1bTjPBVc0iikTOpLx5RbLT3sN2D1k/s1600/Diagram.png'/></a></li>
<li class='tab9'><a href='#tab9'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4PbriVtxd__YwYoTnODKeoZjGEmTKQvVwWaYd7hgG74qoza3UAY7ivtN7nPivsNXrmtzXY97jZsnqgakGD2qhIC0hv4G8wrqDx__zvPWb0dXUhnV1-T29Pg3BUIai5Yf04Z6JDVa-xtg/s1600/Blog.png'/></a></li>
</ul>

<div class='clear'/>
<div class='tabdiv' id='tab1'>
<b:section class='sidebar-tab' id='sidebar-tabs-1' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Postagens populares' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == "false"'>
          <b:if cond='data:showSnippets == "false"'>
            
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == "false"'>
            
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div> 

<div class='tabdiv' id='tab2'>
<b:section class='sidebar-tab' id='sidebar-tabs-2' preferred='yes'>
<b:widget id='BlogList1' locked='false' title='Minha lista de blogs' type='BlogList'>
<b:includable id='main'>
    
    <b:if cond='data:title != ""'>
      <h2 class='title'><data:title/></h2>
    </b:if>

    <div class='widget-content'>
      <div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
        <ul expr:id='data:widget.instanceId + "_blogs"'>
          <b:loop values='data:items' var='item'>
            <li expr:style='data:item.displayStyle'>
              <div class='blog-icon'>
                <b:if cond='data:showIcon == "true"'>
                  <input expr:value='data:item.blogIconUrl' type='hidden'/>
                </b:if>
              </div>
              <div class='blog-content'>
                <div class='blog-title'>
                  <a expr:href='data:item.blogUrl' target='_blank'>
                    <data:item.blogTitle/></a>
                </div>
                <div class='item-content'>
                  <b:if cond='data:showItemThumbnail == "true"'>
                    <b:if cond='data:item.itemThumbnail'>
                      <div class='item-thumbnail'>
                        <a expr:href='data:item.blogUrl' target='_blank'>
                          <img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
                        </a>
                      </div>
                    </b:if>
                  </b:if>
                  <b:if cond='data:showItemTitle == "true"'>
                    <span class='item-title'>
                      <b:if cond='data:item.itemUrl != ""'>
                        <a expr:href='data:item.itemUrl' target='_blank'>
                          <data:item.itemTitle/></a>
                      <b:else/>
                        <data:item.itemTitle/>
                      </b:if>
                    </span>
                  </b:if>
                  <b:if cond='data:showItemSnippet == "true"'>
                    <b:if cond='data:showItemTitle == "true"'>
                      -
                    </b:if>
                    <span class='item-snippet'>
                      <data:item.itemSnippet/>
                    </span>
                  </b:if>
                  <b:if cond='data:showTimePeriodSinceLastUpdate == "true"'>
                    <div class='item-time'>
                      <data:item.timePeriodSinceLastUpdate/>
                    </div>
                  </b:if>
                </div>
              </div>
              <div style='clear: both;'/>
            </li>
          </b:loop>
        </ul>

        <b:if cond='data:numItemsToShow != 0'>
          <b:if cond='data:totalItems > data:numItemsToShow'>
            <div class='show-option'>
              <span expr:id='data:widget.instanceId + "_show-n"' style='display: none;'>
                <a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
              </span>
              <span expr:id='data:widget.instanceId + "_show-all"' style='margin-left: 5px;'>
                <a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
              </span>
            </div>
          </b:if>
        </b:if>

        <b:include name='quickedit'/>
      </div>
    </div>
</b:includable>
</b:widget>
</b:section> 
</div> 

<div class='tabdiv' id='tab3'>
<b:section class='sidebar-tab' id='sidebar-tabs-3' preferred='yes'>
<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='"label-size label-size-" + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section> 
</div> 

<div class='tabdiv' id='tab4'>
<b:section class='sidebar-tab' id='sidebar-tabs-4' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Últimos comentários' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
    <data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section> 
</div> 

<div class='tabdiv' id='tab5'>
<b:section class='sidebar-tab' id='sidebar-tabs-5' preferred='yes'>
<b:widget id='PageList1' locked='false' title='Páginas' type='PageList'>
<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'>
        <b:if cond='data:link.isCurrentPage'>
          <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
        <b:else/>
          <li><a expr:href='data:link.href'><data:link.title/></a></li>
        </b:if>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section> 
</div> 

<div class='tabdiv' id='tab6'>
<b:section class='sidebar-tab' id='sidebar-tabs-6' preferred='yes'>
<b:widget id='HTML3' locked='false' title='Email' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
    <data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section> 
</div> 

<div class='tabdiv' id='tab7'>
<b:section class='sidebar-tab' id='sidebar-tabs-7' preferred='yes'>
<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='tabdiv' id='tab8'>
<b:section class='sidebar-tab' id='sidebar-tabs-8' preferred='yes'>
<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 class='tabdiv' id='tab9'>
<b:section class='sidebar-tab' id='sidebar-tabs-9' preferred='yes'>
<b:widget id='Subscribe1' locked='false' title='Inscrever-se' type='Subscribe'>
<b:includable id='main'>
<b:if cond='data:isPublic'>
<div style='white-space:nowrap'>

    <b:if cond='data:title != ""'>
      <h2 class='title'><data:title/></h2>
    </b:if>
<div class='widget-content'>
    <b:loop values='data:feeds' var='feed'>
        <div expr:class='"subscribe-wrapper subscribe-type-" + data:feed.type'>

        <div expr:class='"subscribe expanded subscribe-type-" + data:feed.type' expr:id='"SW_READER_LIST_" + data:widgetId + data:feed.type' style='display:none;'>

          <div class='top'>
            <span class='inner' expr:onclick='"return(_SW_toggleReaderList(event, \"" + data:widgetId +data:feed.type + "\"));"'>
              <img class='subscribe-dropdown-arrow' expr:src='data:arrowDropdownImg'/>
              <img align='absmiddle' alt='' border='0' class='feed-icon' expr:src='data:feedIconImg'/>
              <data:feed.title/>
            </span>

            <div class='feed-reader-links'>
              <a class='feed-reader-link' expr:href='"http://www.google.com/ig/add?source=bstp&feedurl=" + data:feed.encodedUrl' target='_blank'>
                <img expr:src='data:imagePathBase + "subscribe-google.png"'/>
              </a>
              <a class='feed-reader-link' expr:href='"http://www.netvibes.com/subscribe.php?url=" + data:feed.encodedUrl' target='_blank'>
                <img expr:src='data:imagePathBase + "subscribe-netvibes.png"'/>
              </a>
              <a class='feed-reader-link' expr:href='"http://www.newsgator.com/ngs/subscriber/subext.aspx?url=" + data:feed.encodedUrl' target='_blank'>
                <img expr:src='data:imagePathBase + "subscribe-newsgator.png"'/>
              </a>
              <a class='feed-reader-link' expr:href='"http://add.my.yahoo.com/content?url=" + data:feed.encodedUrl' target='_blank'>
                <img expr:src='data:imagePathBase + "subscribe-yahoo.png"'/>
              </a>
              <a class='feed-reader-link' expr:href='data:feed.url' target='_blank'>
                <img align='absmiddle' class='feed-icon' expr:src='data:feedIconImg'/>
                Atom
              </a>
            </div>

          </div>
          <div class='bottom'/>
        </div>

        <div class='subscribe' expr:id='"SW_READER_LIST_CLOSED_" + data:widgetId +data:feed.type' expr:onclick='"return(_SW_toggleReaderList(event, \"" + data:widgetId +data:feed.type + "\"));"'>
          <div class='top'>
             <span class='inner'>
               <img class='subscribe-dropdown-arrow' expr:src='data:arrowDropdownImg'/>
               <span expr:onclick='"return(_SW_toggleReaderList(event, \"" + data:widgetId +data:feed.type + "\"));"'>
                 <img align='absmiddle' alt='' border='0' class='feed-icon' expr:src='data:feedIconImg'/>
                 <data:feed.title/>
               </span>
             </span>
           </div>
          <div class='bottom'/>
        </div>

      </div>
    </b:loop>

    <div style='clear:both'/>

</div>
</div>

<b:include name='quickedit'/>

</b:if>
</b:includable>
</b:widget>
</b:section> 
</div> 

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

      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Favoritos' 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 class='clear'> </div>


    <div id='footer-wrapper'>
<div id='footer-columna-contenedor'>
<div id='footer1' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'>
<b:widget id='HTML5' locked='false' title='Anúncios 1' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
    <data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='footer2' style='width: 34%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'>
<b:widget id='HTML1' locked='false' title='Anúncios 2' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
    <data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='footer3' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'>
<b:widget id='HTML4' locked='false' title='Anúncios 3' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
    <data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div style='clear:both;'/>
</div>
      <b:section class='footer' id='footer'/>
<div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'/>
      </div>
    </div>

    </div>


</div></div> 

<div id='creditos'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | por <a href='http://templateseacessorios.blogspot.com/'>Templates e Acessórios</a> ©2010 | Imagem: <a href='http://www.gorjuss.co.uk/'>Suzanne Woolcott</a></div>
</body>
</html>

Mostruário de Templates

Páginas

2 de dez. de 2010

Template Gorjuss Outono

Nenhum comentário:

Postar um comentário

Curta

Seguidores