Quer curte tem um blog bem arrumado personalizado, e gosta de fazer alterações avançadas pode gostar dessa dica . Você não sabe do que estou falando. tratasse da imagem que vai no cabeçalho do blog ou cor ocupando todo o espaço de ponta a ponta dando como o que uso aqui no blog uma cara mais personalizado ao blog, deixando mais elegante vamos dizer assim isso não muito difícil de se fazer, mas temos que tomar cuidado pois alguns blogs podem não ter o mesmo código então isso pode não dar tão certo. geralmente da para modelos do blog siga o tutorial abaixo e deixe seu blog com a sua cara .
O código
Na aba designer>Editar HTML. Tecle ctrl+f e procure por body{ Você irá encontrar algo parecido com abaixo.
Substitua todo o código acima pelo abaixo.
- body, html { height: 216px; margin: 0; padding: 0; } body { background: url("imagem do cabeçalho") repeat-x; }html { background: url("imagem da pagina blog") repeat; }
Onde se encontram "imagem do cabeçalho" é a imagem do background. E "imagem da página do blog" é a imagem de fundo da página.
1.Imagem do cabeçalho deve ter medidas: 1324x517
1324 largura 517 altura a altura dela pode ser alterado a onde esta escrito height: 216px; aumentando os valores aumenta o tamanho diminua até onde preferir
2.Imagem da pagina body pode ter 600x500 já esta de bom tamanho pois ela irá repetir
Ainda em editar html procure por.: header h1 { Abaixo desta tag, cole o código.: margin-top: -30px;
Clique em visualizar e vá mudando o valor do px até seu cabeçalho ficar ajustado na imagem do seu background.
Dê um ctrl+f novamente e procure por: <div class='content-inner'>
Abaixo dessa tag cole: <div style='margin-top: 50px;'>
para finalizar tudo de um ctrl+f e procure por: </body>
Acima desta tag, cole: </div>
, se estiver tudo ok, salve!
Novo sistema de comentários, o que acharam?
ResponderExcluir