quinta-feira, 13 de agosto de 2009

Personalizando o título do blog - 2

Nesta semana recebi um pedido de tutorial bastante últil para quem deseja iniciar um blog personalizado a partir de um modelo já existente do Blogger, o título. Vamos neste tutorial aprender a trocar a imagem de fundo do título do blog no modelo Tic-Tac Blue.

Se você utilizar a ferramenta do Blogger [aqui] para alterar a imagem de fundo no modelo Tic-tac, não terá um bom resultado porque existe um espaço pré-definida à esquerda da imagem de titulo. Mesmo assim, faça o upload de uma imagem na dimensão de 790 x 200, formato JPG através do tutorial: http://jhonnymoraes.blogspot.com/2008/10/personalisando-o-ttulo-do-blog.html


Removendo os espaços >>>
Acesse o HTML do seu blog, faça um backup do seu template [como?], e procure pelo seguinte código:
#header {
margin: 0;
padding-top: 25px;
padding-$endSide: 60px;
padding-bottom: 35px;
padding-$startSide: 160px;
color: $pagetitlecolor;
background: url(http://www.blogblog.com/tictac_blue/top_h1.gif) no-repeat bottom $startSide;
}

Substitua todo o código acima pelo seguinte:
#header {
margin: 0;
padding-top: 0px; /* espaço acima */
padding-$endSide: 0px; /*espaço à direita */
padding-bottom: 0px; /* espaço abaixo */
padding-$startSide: 40px; /* espaço à esquerda */
color: $pagetitlecolor;
}

Visualize o modelo para ver como ficou. Caso tenha ficado ok, é só Salvar o Modelo e pronto!


Mudando a imagem >>>
Sempre que desejar alterar esta imagem de título, use a ferramenta do Blogger, conforme o tutorial já mencionado acima [aqui].((•)) NÃO SABE LER? CLICA AQUI USHUSHU

0 comentários:

Postar um comentário

:a   :b   :c   :d   :e   :f   :g   :h   :i   :j   :k   :l   :m   :n   :o   :p   :q   :r   :s   :t

Related Posts with Thumbnails