vá em design>editar html> clique em expandir modelos widget
e procure por
e procure por
]]>
e cole este codigo abaixo dela
<!-- Estilos da página Inicial Inicio -->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style type='text/css'>
.main .widget{margin: 0 auto;clear:both;}
h2.date-header{
margin: 0px;
padding: 0px;
text-indent: -9999em;
}
.post-footer{display:none;}
.post { /* --espaço ocupado pela postagem--*/
position: relative;
display: inline;
background:url(endereço-da-sua-imagem) no-repeat; /* --imagem no lugar das bordas--*/
width:45%; /* --largura da coluna--*/
height:500px; /* --altura da coluna--*/
float:left;
margin: 5px;
border:1px solid #ddd; /* --edite cor da borda--*/
padding:8px;
letter-spacing:0px;
font-size: 12px; /* --tamanho da fonte do texto--*/
line-height:1.4em;
No codigo acima coloque as bordas e coloque a altura height para as colunas com 500px.
Se você quiser, pode colocar uma imagem no lugar das bordas pra isso basta apagar o trecho
que se refere a as bordas e colocar a endereço da sua imagem neste trecho: background:url(endereço-da-sua-imagem) no-repeat;
Não se esqueça caso você coloque uma imagem de fundo para a coluna da área de postagem na página inicial, você deverá alterar largura width e a altura height da imagem que for utilizar.
Exemplo: você deverá substituir width:45%;
pelo valor referente a largura da sua imagem, desta forma:
background: url(ENDEREÇO-DA-IMAGEM) no-repeat;
widht:500px;
height:500px;
As modificações exemplificadas acima afetarão apenas a página inicial e de marcadores.
Você deve adaptar os estilos conforme sua preferência, os trechos editáveis já estão destacados no código.
0 comentários:
Postar um comentário