terça-feira, 10 de abril de 2012

2 Tutorial: Centralizar título das postagens

Faça o seguinte:
1. Vá em Design (Interface antiga) > Editar HTML
ou em Modelo (Interface nova) > Editar HTML > Prosseguir
2. Aperte Ctrl + F e localize este código:
/* Posts
----------------------------------------------- */


3. Agora cole logo abaixo:
.post h3 {                                                                                                                                                   
text-align:center;
}

sexta-feira, 24 de fevereiro de 2012

7 Tutorial: Como separar gadgets e colocar cor de fundo

1. Vá em Editar HTML > Ctrl+F > procure por:
/* Widgets

2. Vai aparecer assim:

/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}

3. Na linha abaixo de "margin: 10px 0; " e antes de "}", cole o seguinte código: 
 background-color: #COR-HTML;                  

Tabela de cores, clique aqui!
Vai ficar assim:
/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
background-color: #COR-HTML;

}
                               

sábado, 14 de janeiro de 2012

2 Tutorial: Retirar navbar do blog sem deixar espaço

1. Vá em Editar HTML.
2. Procure por: <body class='loading'>
3.Acima desta tag, cole isso:
<!-- Navbar-->
<script type='text/javascript'>
<![CDATA[
<!--
/*<body>*/
-->
]]>
</script>
<!-- Navbar-->
 


4. Aceite a exclusão do widget e salve.

0 Tutorial: Barras Arredondadas no blog

Para barras laterais:
Primeiro, vá em Design e depois em Editar HTML.
Aperte Ctrl+F e procure por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
Se for para arredondar a barra da direita.
Agoooora, se for para a barra da esquerda, procure:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {


Cole abaixo, de uma dessas tags, isso:

Para Firefox:
-moz-border-radius: 10px;
Para Chrome:                                     
-webkit-border-radius: 10px;
Se tiver tudo certo, salve.

Para a página de postagens:

Primeiro vá em Design, e depois em Editar HTML.
Aperte Ctrl+F e procure por:

main-inner .column-center-outer {  

Depois é só colocar, abaixo da tag, o código para Firefox ou Chrome dai de cima.
Se tiver tudo certo, salve. 

Related Posts Plugin for WordPress, Blogger...