Dicas para Blogs e Sites

Dependendo do tamanho do texto, cor e tamanho das letras e do fundo da pagina fica um pouco difícil e cansativo ler. Uma opção para facilitar a leitura do blog é aumentar o espaço entre as linhas ou a distancia entre as letras e palavras.

Veja aqui um tutorial mais atualizado sobre:
Espaçamento entre Linhas, Letras ou Palavras usando CSS/HTML
Nele você encontrará dicas mais detalhadas sobre colocar ou retirar espaços entre as linhas ou letras do seu site ou blog.

Isso é feito através do estilo CSS, o código é:

line-height: 30px; letter-spacing: 2px; word-spacing: 3px;

Na primeira linha se preferir em vez de usar 30 px pode usar o valor em %, isso controla o espaço entre uma linha e outra.


A segunda linha é o espaçamento entre as letras, o valor está 2px(pixel), você pode colocar o valor que desejar ou usar percentagem (%). A ultima linha o numero 3px faz um espaço entre as palavras, que também pode ser alterado ao seu critério. A melhor maneira de ajustar esses espaçamentos é fazendo testes então coloque isso no código do seu blog e altere os valores até ficar satisfeito com a nova aparência do seu blog. Recomendamos que faça um backup do seu template sempre que for editar o html assim poderá voltar ao seu modelo atual com facilidade caso não goste das mudanças que fez.


Veja outras dicas de formatação para seu blog:
Como Formatar o Texto do Blog
Formatação Especial nos Textos das Postagens
Dar Destaque em uma Parte do Texto (blockquote)

Coloque isso junto com o código do que você deseja alterar, pode ser no body, main, sidebar ou qualquer outra parte do estilo CSS do seu site ou blog. No Blogspot isso é feito através da pagina editar html

Marcadores: Códigos, CSS, Iniciantes, Template

O código para posicionar a imagem de fundo do seu site é:

background-repeat: no-repeat;
background-position: right top;
background-color: #6699FF;
background-image: url(fundofixo.jpg);

Esse código deve ser colocado na tag body{...} do seu html(página editar html). A linha background-repeat: no-repeat; faz que a imagem apareça somente uma vez.

background-position: right top; aqui escolhemos o lugar que a imagem de fundo aparecerá.

Então no lugar de right(direita) pode ser center(centro) ou left(esquerda).

E no lugar de top(alto da página) você pode usar center(meio da página) ou bottom(embaixo da página)

As últimas duas linhas:

background-color: #6699FF;
background-image: url(fundofixo.jpg);

São a cor e a imagem de fundo as quais você colocará a seu critério, se precisar de ajuda para achar o código das cores clique aqui.

Outra coisa que pode ser adicionada a este código é: background-attachment: fixed;
para fazer a imagem ficar parada, ou seja, somente o conteúdo do seu site irá se mover assim a imagem ficará sempre visível, veja mais sobre fixar a imagem de fundo.

Veja um exemplo de página com imagem de fundo posicionada.

Leia também:
Mais detalhes sobre posicionar a imagem de fundo no blog
O que é CSS? Para que Serve e Como usar o CSS

Marcadores: Códigos, Imagem de Fundo

Para deixar uma imagem de fundo fixa no blog entre na pagina editar html e procure por body{....}, caso já tenha a imagem de fundo então coloque esse código junto:

background-attachment: fixed;

se ainda não tiver a imagem o código é assim:

background-image: url(URL DA IMAGEM);
background-attachment: fixed;

Então ficará desse jeito:

body{background-image:url("endereço da imagem");
background-attachment: fixed;.....}

Claro que precisa colocar um endereço de imagem(url da imagem) no local indicado. Se tiver duvidas veja se está usando o endereço correto da imagem.

Marcadores: Imagem de Fundo

Quando você cria um site ou blog um dos primeiros passos é adiciona-lo nos mecanismos de buscas, os mais conhecidos e usados são Google e Yahoo, ao menos são esses que enviam mais visitas para esse blog. Abaixo estão os links para enviar o endereço do seu blog ou site para esses serviços de busca, a inclusão é grátis.

Yahoo
Google

Esses mecanismos encontram os novos sites e blog automaticamente sem necessitar inscreve-los por esses links porém eles levam algum tempo para isso, portanto a melhor coisa a fazer para quem criou um site a pouco tempo é fazer a inclusão por esses links afinal isso aumentará suas visitas. Porque existem mais chances que seu blog ou site apareça nos resultados das pesquisas que as pessoas fazem no Google e Yahoo. Além desses existem muitos outros sites de busca na internet e fica a critério da cada um em qual deles vale a pena se cadastrar ou não.

Marcadores: Iniciantes, Mais visitas

Um tipo de fundo de página que pode produzir um efeito visual muito interessante é o degrade no topo da página ou seja o site começa com fundo de uma cor e vai mudando para outra que ocupara a página inteira, mas como fazer isso? Pode acreditar é mais fácil do que parece.
O primeiro passo é escolher as cores que você usará, então faça uma imagem degrade dessas cores, mas não precisa ser uma imagem com muita largura, sugiro 10 pixels pois ela se repetira horizontalmente no topo da página, quanto a altura da imagem isso depende da sua vontade pois é o tamanho que terá o degrade. Contudo se em vez de usar um degrade com cores você preferir usar uma textura a largura da imagem terá que ser do tamanho da textura. Depois da imagem pronta é só hospedar em algum lugar, por exemplo no http://imageshack.us.
O código para colocar esse fundo degrade no seu site ou blog é:

background-color: #FFCC99;
background-image: url(degrade.jpg);
background-repeat: repeat-x;

Coloque o endereço da imagem no lugar indicado e no lugar de #FFCC99, coloque a cor da parte debaixo da imagem degrade que você fez, veja uma tabela com o código das cores. A ultima linha do código faz que a imagem se repita somente na na direção horizontal da página dando a impressão que o fundo é degrade.
No Blogspot vá até a página layout, editar html e coloque o código na parte do .body{..........
......
.......}

Veja também:

Onde e como hospedar imagens
Problemas com imagens que não aparecem no blog
Programas grátis para editar ou fazer imagens

Marcadores: Códigos, Imagem de Fundo