Personalizar página estática do blogger

 

Manter as páginas estáticas diferentes das postagens deixa o blog com a cara mais profissional. Abaixo veja o exemplo do estilo que irei ensinar.

Clique na imagem para aumentar

 Vamos ao código Vá até Modelo >> Editar HTML Copie o código abaixo e coloque-o antes de </head>

para facilitar aperte ctrl+f e digite: </head>

<!-- Páginas estáticas Blogger -->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
.blog-pager,
#blog-pager,
.post-footer,
.feed-links,
.sidebar,
#sidebar-wrapper,
#comments,
.footer-outer,
#footer-wrapper {
display:none;
}
#main-wrapper{
width: 950px;
float:none;
margin: 0 auto;
}
#outer-wrapper{
Background:transparent;
  }
.main-outer{
width: 950px;
float:none;
margin: 0 auto;
}
.post{
background:#ffffff;
width:900px;
margin: 0 auto;
}
.post h3{
text-align:center;
font-size:32px;
color: #000000;
 }
.post-outer{
width: 900px;
margin: 0 auto;
padding:20px;
}
</style>
</b:if>
<!-- Fim -->

E aí foi útil pra você? Comente ou compartilhe!