domingo, 25 de março de 2012

Como proteger o seu cabeçalho

Va em designer do modelo, avançado, titulo do cabeçalho. coloque 0px e a cor transparente. Depois va em elementos de pagina, cabeçalho , e clique por tras do titulo e descrição.

centralizando o titulo da portagem

Vá em seu HTML 

Design>Editar HTML 
Quando estiver em seu HTML dê um Ctrl  + F  , e na caixinha de busca que aparecer cole isso :
/* Posts 
 O código vira em uma linha mais o menos assim :
/* Posts

----------------------------------------------- */ 
Ai depois dessa linha cole :

           h3.post-title {
text-align:center;

} 

como por o menu de folhinha

1- Vá em Design -> Designer do Modelo -> Avançado -> Adicionar CSS:
Cole esse código:

bdg {
font-family: tahoma; 
width: 17%; /* Tamanho do Menu */
float: left;
background:#8EE5EE; /* Cor do fundo do Menu */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 9px 0px 9px 0px; 
-webkit-transition-duration: .80s;
font-size: 08pt;
color: #fff;
}

bdg:hover {
font-family: tahoma;
width: 17%; /* Tamanho do Menu quando passa o mouse */
float: left;
background:#FF69B4; /* Cor do fundo do Menu quando passa o mouse */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 0px 9px 0px 9px;
-webkit-transition-duration: .80s;

font-size: 08pt;
color: #fff;
}

Agora modifique o código como quiser(Tabela de cores).
Para usar o efeito coloque este código onde você quer que apareça:
<a href="Link"><bdg>Nome</bdg></a> 
1. Faça o login de seu blog Vá em designer Editar HTML. 
2. Aperte Ctrl + F (caixinha de busca) e pesquise por: /* Tabs 
3. Após ter localizado a tag /* Tabs apague margin: 1em 0 0; :


4. Após ter feito isto pesquise por /* Main.
5. Abaixo de padding: $(content.padding) 0; escreva margin-top:-30px;.
6. Depois visualize seu blog, se o menu não estiver do jeito que você queria aumente a numeração. 

Bordas arredondadas

Na sidebar
Vá e Design Ctrl + F(caixinha de busca) e nela procure pelo código abaixo:


.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {      (Coluna direita)
ou
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {        (Coluna esquerda)


Cole abaixo do código que você pegou da coluna esquerda ou direita este outro código:

-moz-border-radius: 10px; /* Para Firefox */

-webkit-border-radius: 10px; /*Para Safari e Chrome */

border-radius: 10px; /* Para Opera
10.5+*/


Na área dos posts
Vá e Design Ctrl + F(caixinha de busca) e nela procure pelo código abaixo:
.main-inner .column-center-outer {


Cole abaixo do código que você pegou da área dos posts( .main-inner .column-center-outer { ) o código abaixo:
-moz-border-radius: 10px; /* Para Firefox */

-webkit-border-radius: 10px; /*Para Safari e Chrome */

Fazendo cursor

 Fassa o cursor em algum progama. Ex:
Mini gif 235 Salve ele:D.
 Hospede a imagem, pode ser no Imageshack, no PhotoBucket ou no blogspot.

Mini gif 235 Vá em Design  Elementos de página  Adicionar Gadget  HTML/JavaScript.
 Cole esse código no gadget:

<style type="text/css">body  {cursor:url("URL do cursor"),default}</style><a href="http://blogdasmeninasblogueiras.blogspot.com/"></a>

Como retirar o espaço entre a barra lateral e os post's

Alguns blogueiros querem adotar um modelo do blog que vem com espaço entre a área de postagem
 e a barra lateral , porém eles querem aquele modelo , mas sem este espaço . Se você é um deles 
preste atenção neste tutorial.
 Siga os seguintes passos:
-Vá em Design -> Editar HTML
- Pressione Ctrl + F em seu teclado e pesquise por: 
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
- Apague os códigos que aparecem dentro dos retângulos rosas, na imagem abaixo.




  Salve e pronto.