Para alguns não é novidade, para outros sim. Mas tenho certeza que para todos será bem útil...
Este template é um reparo do antigo Tutoriais Habbo , com algumas melhorias e adaptações. Inclusive, o bug dos comentários foi resolvido!
OBSERVAÇÕES IMPORTANTES:
NÃO REMOVA NENHUM GADGET, pois ao criar um novo eles não irão vir iguais aos que estão: Twitter, facebook e categorias. Irão vir padrões na cor VERDE.
Demonstração: Clique aqui
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' 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'>
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- NÃO REMOVA ESTE CÓDIGO,O TEMPLATE PODERÁ ATIVAR BUGS E ERROS -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<!-- Todos os direitos reservados á Daniel Macedo e Murilo Assis. -->
<head>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Página não encontrada!</title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
<b:skin><![CDATA[
/*==================== Murilo Assis & Daniel Macedo ====================*/
* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background-color: rgb(235,236,237);
background-image: url(#);
margin: 0;
padding: 0;
font-family: 'Ubuntu', sans-serif;
color: rgb(160,164,168);
}
a {
color: inherit;
text-decoration:none;
}
::-webkit-scrollbar {
width: 8px;
height: 4px;
background: #2a2a2a;
}
::-webkit-scrollbar-thumb {
background: #2d71b5;
border-radius: 100px;
}
.align {
width:980px;
margin: 0 auto;
}
#topo {
background: url(https://i.imgur.com/5ysyghY.png) right no-repeat, url(#) left no-repeat, url(#), linear-gradient(to bottom, #337ECA, #2B6BAC);
width: 100%;
height: 264px;
box-shadow: inset 0 -1px 50px rgba(0, 0, 0, 0.3);
}
#topo .barra {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBMRVa4TvE_JYZ84LyTJUcjh_cBPmDNRkvpDQQ5Gs2XxQ1XDWet_5mPh1pWFduhNEvzGN_AGdGv7nk1y0FRFuLc4exItrWflIBjnzh4nOcShvW3bY6svkkFfCnGe_-SiTBbrQkmU5j/s1600/barra.fw.png);
background-repeat: no-repeat;
width:168px;
height:151px;
position:absolute;
}
#topo .logo {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFtLldRYnDYLk6teND3IIatDgvVf6ByZWwb6KFV2QxlP8vU1SSBBhIPa7ndmpd1E2pUZqnPfz7TH4ffAvRmp7re5DM4wkXw0uQg1VcNcvWWmt_B99nCMIEMX_0Rjl6vVG6E0h3Hkwg/s1600/logo.fw.png);
width:279px;
height:239px;
position:relative;
top:10px;
float:left;
}
#topo .anuncio1 {
background-image: url(http://i.imgur.com/fMIWcpj.png);
width:480px;
height:86px;
box-shadow: inset 0px -4px rgba(0,0,0,0.1), inset 0px 4px rgba(255, 255, 255, 0.05);
border-radius:10px;
margin-top:15px;
line-height:86px;
font-size:25px;
font-family:'Arial';
color:#333;
text-shadow: 0px 2px white;
text-align:center;
}
#topo .anuncio2 {
background-image: linear-gradient(to bottom, #F2F2F2, #F7F7F7);
width:480px;
height:86px;
box-shadow: inset 0px -4px rgba(0,0,0,0.1), inset 0px 4px rgba(255, 255, 255, 0.05);
border-radius:10px;
margin-top:15px;
line-height:86px;
font-size:25px;
font-family:'Arial';
color:#333;
text-shadow: 0px 2px white;
text-align:center;
}
.alig-a {
height:172px;
width:480px;
float:right;
position:relative;
top:25px;
}
#setas {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxo2Tpn5stbgSmXNd8T-ffiddvoLdnabZiJR649E3pYRHhi0QqCqxigc-t_pqrF4WyrKBtAqsBuHRw6N-4WBraTUkBSJ5CRsjD09YaefD0TVaYhPgw56R16H49JiSfxGabGqv5mAt5/s1600/base-setas.fw.png);
width:113px;
height:37px;
font-size:25px;
text-shadow: 0px 2px rgba(0,0,0,0.2);
margin: 0 auto;
color:#fff;
}
/* Menu */
nav {
width:100%;
height:59px;
background-image: linear-gradient(to bottom, #2c2c2c, #181818);
/* box-shadow: inset 0px 3px rgba(255,255,255,0.03), inset 0px -4px rgba(0,0,0,0.2), 0px 4px rgba(0,0,0,0.05); */
list-style:none;
}
nav li {
line-height: 59px;
width: 100px;
height: 59px;
color: #fff;
text-shadow: 0px 2px rgb(0, 0, 0);
font-size: 16px;
float: left;
text-align: center;
transition: all 0.5s;
list-style: none;
}
nav li:hover {
background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.1));
box-shadow: inset 0px -59px rgba(0,0,0,0.1), inset 0px -3px #337ECA;
transition: all 0.5s linear;
}
/* Columns
----------------------------------------------- */
.main-outer {
margin: 0;
}
/* Posts
----------------------------------------------- */
.date-header span {
}
.main-inner {
margin: 0;
}
.main-inner .column-center-inner {
padding: 0;
}
.main-inner .column-center-inner .section {
margin: 0;
}
.post {
background: #FFF;
margin-top: 10px;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.1);
margin-top: 0px;
margin-bottom: 15px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
h3.post-title, .comments h4 {
background: #2d71b5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjE24AKGgikwlBvGRr6Hs_o5DHRNA7Qinm69nRhtXlV8kx42UAlGO3Z0ThQJOf1Wv22QvaPF1eUBEPFgB8k122sgO8srZ2b-B4wUOX_C4EM8vBCACRNTwW3gHpj42iTWJiGgMJhHS2DaU/s1600/box.png) no-repeat;
width: 100%;
height: 50px;
box-shadow: inset 0 -1px 0 rgb(164, 164, 164), inset 0px 2px rgba(255,255,255,0.1);
text-shadow: 0px 2px rgba(0,0,0,0.3);
font-weight: 100;
color: #fff;
line-height: 50px;
padding: 0 15px 0 15px;
font-size: 18px;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
h3.post-title a {
color: #fff;
}
.post-body {
padding: 5px 10px;
}
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
border-radius: 5px;
box-shadow:0 2px 0 rgba(0,0,0,0.1);
margin-top: 5px;
margin-bottom: -15px;
}
.post-body img, .post-body .tr-caption-container {
}
.post-body .tr-caption-container {
}
.post-body .tr-caption-container img {
}
.post-header {
padding: 5px 10px;
margin-bottom: -10px;
color:#CCC;
font-size: 90%;
}
.post-header a {
color: #CCC;
}
.post-footer {
font-size: 90%;
padding: 5px 10px 5px 10px;
}
.post-timestamp {margin-left: 7px;margin-right: 5px;}
.post-comment-link {margin-left: 10px; margin-top: 0;}
.jump-link {background: rgba(0,0,0,0.1);padding: 5px 15px 5px 15px;text-align: center;border-radius: 4px;box-shadow: inset 0px -2px 0px rgba(0,0,0,0.08); margin: 0 10px 0 10px;}
.jump-link a {color: #999;}
/* Comentários
----------------------------------------------- */
#comments h4, #comments .comment-author a, #comments .comment-timestamp a {
background-color: #78d9f9;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1FMkpBZKgf_BnfrAgExbmxo0VSFzy7St2zSZkD8q1FCzFSfNTgaM1A1CzSn51kXF-79U7rzs6ia5nwzBTN8eNcN89DLI3XsNhxFroN_0jyVLOtG2AiXVs5ulk_bPmnPMYPKDJucXv6vQn/s1600/nuvens.png);
background-position: center -10px;
text-shadow: 0 2px 0 rgba(0,0,0,0.2);
text-transform: uppercase;
color: #FFF;
}
#comments {
background: #FFF;
border: 1px solid #a4a4a4;
border-radius: 5px;
box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.1);
}
.comments{clear:both;margin-top:10px;margin-bottom:0;line-height:18px;font-size:13px}
.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:left;padding: 0 10px; margin-top:-10px;}
.comments .comment .comment-actions a,.comments .comment .continue a{
display:inline-block;
margin:0 0 10px 10px;
padding:0 15px;
background: #3AB5DA;
color: #FFF;
text-align:center;
text-decoration:none;
border-radius:5px;
-moz-border-radius:5px;
height:26px;
line-height:28px;
font-weight:normal;
cursor:pointer;
box-shadow: inset 0 -2px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(0,0,0,0.04);
}
.comments .comment .comment-actions a:hover,.comments .comment .continue a:hover {
text-decoration: none;
}
.comments .comments-content .comment-thread ol{
list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-left:40px;}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative;
}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{font-weight:normal;text-decoration:none;}
.comments .comments-content .icon.blog-author{
background-repeat: no-repeat;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhggbM49X4Ym5T9kSK0158K8t8lXfElqnpYqya3rcUcbk-FT_JqHEnukocY52nq49fx_L7PNzWYaAZRnHKqOpr-IhoUwOsFftFQSf-up0LN2GlHrRONlrn17VFo2IJG-w215xCU37U1ZJqs/s1600/edit_badge_button.gif);
width:18px;
height:18px;
display:inline-block;
margin:0 0 -4px 6px;
float:right;
}
.comments .comments-content .datetime a{
font-size:11px;
text-decoration:none; color:#666;
}
.comment-content{
margin:10px 0;padding:0 5px;
}
.comments .comment-block{
margin-left:65px;
position:relative;
background-image: -webkit-linear-gradient(top, rgb(250, 250, 250) 0%, rgb(245, 245, 245) 100%);
border:1px solid rgba(0,0,0,0.4)
border-radius:5px;
-moz-border-radius:5px;
box-shadow: inset 0 -2px 0 rgba(0,0,0,0.1);
}
.comment-header{
font-size:18px;
background-image: -webkit-linear-gradient(top, rgb(245, 245, 245) 0%, rgb(235, 235, 235) 100%);
border-radius: 4px 4px 0 0;
padding: 10px;
padding:5px;
box-shadow:inset 0 -1px 0 rgba(0,0,0,0.1);
}
.comment-header a{
color: #444;
}
.comments .comments-content .owner-actions{position:absolute;right:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100% background: #000;}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-left:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{
display:inline-block;
height:6px;
width:7px;
overflow:visible;
margin:0.3em;
padding-right:4px;
}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.avatar-image-container{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhz5giudIKlQRIII9JduRqpPnBH5HlVXQy1x4dgV4QCaB6B86lkyvW-cg8cC1MXr4UW7-caV_mQt_GTEZMoIOMvnGm0RC5x7zasDfsOLkhVSlMHu0IlUQ-qVXBKMU0N0FSkhT4bd4nSoow/s1600/imagem-arrow.png) top right no-repeat;
float:left
vertical-align:middle;
overflow:hidden;
width:65px !important;
height:52px !important;
max-width:65px !important;
max-height:52px !important;
}
.comments .avatar-image-container img{
width:50px !important;
height:50px !important
;max-width:50px !important;
max-height:50px !important;
border-radius: 5px;
box-shadow: 0 2px 0 rgba(0,0,0,0.15);
}
/* Sidebar
----------------------------------------------- */
.sidebar {
margin: 0;
margin-bottom: 15px;
}
.sidebar h2 {
background: #8BD15C url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjE24AKGgikwlBvGRr6Hs_o5DHRNA7Qinm69nRhtXlV8kx42UAlGO3Z0ThQJOf1Wv22QvaPF1eUBEPFgB8k122sgO8srZ2b-B4wUOX_C4EM8vBCACRNTwW3gHpj42iTWJiGgMJhHS2DaU/s1600/box.png) no-repeat;
height: 50px;
box-shadow: 0 1px 0 #a8a8a8, inset 0 -3px 0 rgba(0,0,0,0.1), 0px 3px rgba(0, 0, 0, 0.04);
margin-bottom: -10px;
text-shadow: 0px 2px rgba(0,0,0,0.1);
font-weight: 100;
color: #a3a3a3;
color:#fff;
line-height: 50px;
padding: 0 15px 0 15px;
font-size: 18px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.widget-content {
background: #FFF;
margin-top: 10px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.1), 0px 4px rgba(0,0,0,0.1);
padding: 5px;
margin-bottom: -10px;
font-size:13px;
}
/* 404 ERROR
----------------------------------------------- */
.status-msg-wrap {
margin: none;
width: 100%;
}
.status-msg-border {
display:none
}
.status-msg-body {
padding: none;
position: static;
text-align: inherit;
width: 100%;
z-index: auto;
background: #FFF;
margin-top: 10px;
border: 1px solid #a4a4a4;
border-radius: 2px;
box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.1);
margin-top: 0px;
margin-bottom: 15px;
height: 150px;
padding: 10px;
margin-top: -10px;
}
.status-msg-wrap a {
padding: none;
text-decoration: inherit;
}
.error-text{float:left;position:relative;width:80%}
.error-text-h{float:left;position:relative;width:80%; color:#FF6666;font-size: 30px;}
#error-image{float:right;display:inline;position:relative}
/* Footer */
footer {
width:100%;
height:120px;
background:#222222;
box-shadow: -4px 50px rgba(0,0,0,1), inset 0 4px 0px rgba(0,0,0,0.2), inset 0 10px 0 rgba(0,0,0,0.05), inset 0 -60px 0 rgba(0,0,0,0.05);
bottom:0;
}
footer a {
color:inherit;
text-decoration:none;
}
footer font {
color:#fff;
text-shadow: 0px 2px rgba(0,0,0,0.2);
font-size:16px;
float:right;
text-align:right;
position:relative;
top:25px;
}
/*== VIP ==*/
.fundo-v {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFenPmBQk49t-pc51IH_JUiNznBYwvMcAtDDTQMu7XZSWKN7KlsXktl2fT1XjtwCDSgeMoQMsyfkDsvDv6k6QzqYtDvC0EF8RfX_ARkKReir5SlOwBGugMWVlDOiEM5WevIurfxCus/s1600/fundo-v.fw.png);
width:640px;
height:80px;
margin: 0 auto;
margin-top:10px;
background-size:cover;
border-radius:7px;
}
.fundo-v .nome-v {
text-align:center;
width:148px;
height:32px;
background-color: rgba(0,0,0,0.5);
border-radius:5px;
line-height:32px;
float:left;
color:#fff;
font-size:18px;
margin-top:20px;
margin-left:10px;
}
.fundo-v .go-v {
width:156px;
height:46px;
background:#31BF6A;
float:right;
margin-right:10px;
box-shadow: inset 0px -23px rgba(0,0,0,0.05), inset 0px -2px rgba(0,0,0,0.1), inset 0px 2px rgba(255,255,255,0.1);
color:#fff;
font-size:20px;
text-shadow: 0px 3px rgba(0,0,0,0.1);
border-radius:5px;
text-align:center;
line-height:40px;
margin-top:15px;
cursor:pointer;
transition: all 0.3s;
}
footer font a:hover {
color:#58D3F7;
transition: all 0.3s;
}
]]></b:skin>
<b:template-skin>
<b:variable default='960px' name='content.width' type='length' value='1000px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
<b:variable default='310px' name='main.column.right.width' type='length' value='310px'/>
<![CDATA[
body {
min-width: $(content.width);
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width);
}
.main-inner .columns {
padding-left: $(main.column.left.width);
padding-right: $(main.column.right.width);
}
.main-inner .fauxcolumn-center-outer {
left: $(main.column.left.width);
right: $(main.column.right.width);
/* IE6 does not respect left and right together */
_width: expression(this.parentNode.offsetWidth -
parseInt("$(main.column.left.width)") -
parseInt("$(main.column.right.width)") + 'px');
}
.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
}
.main-inner .fauxcolumn-right-outer {
width: $(main.column.right.width);
}
.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}
.main-inner .column-right-outer {
width: $(main.column.right.width);
margin-right: -$(main.column.right.width);
}
#layout {
min-width: 0;
}
#layout .content-outer {
min-width: 0;
width: 800px;
}
#layout .region-inner {
min-width: 0;
width: auto;
}
]]>
</b:template-skin>
<b:include data='blog' name='google-analytics'/>
</head>
<body>
<div id='topo'>
<div class='align'>
<a href='/'><div class='logo'/></a>
<div class='alig-a'>
<a href='http://www.idandesigns.blogspot.com.br/'><div class='anuncio1'/></a>
<div class='anuncio2'>480x86</div>
</div>
</div>
</div>
<nav>
<div class='align'>
<a href='/'><li>Início</li></a>
<a href='#'><li>Menu</li></a>
<a href='#'><li>Menu</li></a>
<a href='#'><li>Menu</li></a>
<a href='#'><li>Menu</li></a>
</div>
</nav>
<div class='content'>
<div class='content-fauxcolumns'>
</div>
<div class='content-outer'>
<div class='fauxborder-left content-fauxborder-left'>
<div class='content-inner'>
<div class='main-outer'>
<div class='fauxborder-left main-fauxborder-left'>
<div class='region-inner main-inner'>
<div class='columns fauxcolumns'>
<div class='columns-inner'>
<div class='column-center-outer'>
<div class='column-center-inner'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
<b:widget-setting name='showShareButtons'>false</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='showTimestamp'>false</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>
<!-- posts -->
<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='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</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:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</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='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>
</span>
</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='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></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' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<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' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</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><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<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>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<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>
</b:if>
</span>
</b:if>
<div 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 class='comment-body' 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/>
</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>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</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='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' 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'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' 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'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<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' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</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'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</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'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<div id='setas'>
<a expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle' style='float:left;margin-left:10px;'> <i class='fa fa-angle-left'/></a>
<a href='/'><i class='fa fa-home'/></a>
<a expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle' style='float:right;margin-right:10px;'><i class='fa fa-angle-right'/></a>
</div>
</a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'>
</div></div>
<b:if cond='data:blog.metaDescription == ""'>
<!-- Then use the post body as the schema.org description,
for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
</div>
<div class='post-footer-line post-footer-line-2'/>
<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 cond='data:post.authorAboutMe'>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data:post.authorPhoto.url'>
<img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
</b:if>
<div>
<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</div>
<span itemprop='description'><data:post.authorAboutMe/></span>
</div>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></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/>fdfsdfds
</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='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<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' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<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' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><i class='fa fa-comments'/> <data:post.commentLabelFull/></h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</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>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
<macro:include id='main-column-left-sections' name='sections'>
<macro:param default='0' name='num' value='0'/>
<macro:param default='sidebar-left' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
<macro:include id='main-column-right-sections' name='sections'>
<macro:param default='2' name='num' value='1'/>
<macro:param default='sidebar-right' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
</div>
</div>
</div>
<div style='clear: both'/>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
</div>
<!-- content -->
</div>
</div>
</div>
</div>
<footer>
<div class='align'>
<font>
Copyrights © Tutoriais Habbo 2015 - Todos os direitos reservados.<br/>
Este site foi desenvolvido por Daniel Macedo (iDan) e Murillo Assis.<br/>
Desenhado por <a href='http://idandesigns.blogspot.com.br' target='_blank'>Daniel Macedo</a>.<br/>
Codificado por Murilo Assis e Daniel Macedo.
</font>
</div>
</footer>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
</body>
<macro:includable id='sections' var='col'>
<macro:if cond='data:col.num == 0'>
<macro:else/>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>
<macro:if cond='data:col.num >= 2'>
<table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
<tbody>
<tr>
<td class='first columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>
</td>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>
</td>
<macro:if cond='data:col.num >= 3'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>
</td>
</macro:if>
<macro:if cond='data:col.num >= 4'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>
</td>
</macro:if>
</tr>
</tbody>
</table>
<macro:if cond='data:col.includeBottom'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>
</macro:if>
</macro:if>
</macro:if>
</macro:includable>
<b:section-contents id='sidebar-right-1'>
<b:widget id='Label1' locked='false' title='Categorias' type='Label'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title' style='background:#f4394d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjE24AKGgikwlBvGRr6Hs_o5DHRNA7Qinm69nRhtXlV8kx42UAlGO3Z0ThQJOf1Wv22QvaPF1eUBEPFgB8k122sgO8srZ2b-B4wUOX_C4EM8vBCACRNTwW3gHpj42iTWJiGgMJhHS2DaU/s1600/box.png) no-repeat;'><i class="fa fa-globe"></i> <data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='Facebook' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title' style='background:#4267b2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjE24AKGgikwlBvGRr6Hs_o5DHRNA7Qinm69nRhtXlV8kx42UAlGO3Z0ThQJOf1Wv22QvaPF1eUBEPFgB8k122sgO8srZ2b-B4wUOX_C4EM8vBCACRNTwW3gHpj42iTWJiGgMJhHS2DaU/s1600/box.png) no-repeat;'><i class='fa fa-facebook'/>
<data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='Twitter' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title' style='background:#38C6EF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjE24AKGgikwlBvGRr6Hs_o5DHRNA7Qinm69nRhtXlV8kx42UAlGO3Z0ThQJOf1Wv22QvaPF1eUBEPFgB8k122sgO8srZ2b-B4wUOX_C4EM8vBCACRNTwW3gHpj42iTWJiGgMJhHS2DaU/s1600/box.png) no-repeat;'><i class='fa fa-twitter'/>
<data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='Caixa' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><center><div class="fb-page" data-href="https://www.facebook.com/idandesigncombr" data-width="278" data-height="600" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/idandesigncombr"><a href="https://www.facebook.com/idandesigncombr">iDanDesign</a></blockquote></div></div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.4";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script></center></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<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-contents></html>
3 Comments
nota 4
ResponderExcluirnão aparece comentarios
ResponderExcluirPlmds coloca um botão pra copiar o código pq n tá dando
ResponderExcluir