Blogger: postagens com imagem de fundo

Blogger: postagens com imagem de fundo

Se você é daqueles que gosta de personalizar o seu blog, deixando do seu gosto, com uma cara mais elegante e até mais atraente ao olhar dos seus visitantes. Aqui vai uma dica que você poderá gostar muito. Em vez de você personalizar os lados, topo e cores em geral do seu blog, porque não personalizar o fundo das postagens de seu blog, com uma imagem relacionada ao post, e assim deixando o post muito mais interessante. Hoje você vai aprender passo a passo como fazer isso.

Primeiramente vá ao editor do blogger, em seguida selecione a aba “Editar HTML”. Insira o pequeno código HTML abaixo no editor.

<div id=”fundo”>

Em seguida escreva o que você deseja escrever depois do código acima.

Depois de escrever, basta fechar a tag. Para isso, basta adicionar a tag de fechamento
logo após o que você escreveu.

Exemplo:

<div id=”fundo”>
Como colocar uma imagem de fundo nas postagens do blog.
</div>

Agora vamos ao CSS, que aonde vamos colocar o link da imagem.
Coloque o código abaixo logo acima do código HTML

<style>
</style>

Depois coloque o css abaixo entre <style> e </style>:

#fundo{
background:url(coloque o link da imagem );
padding:5px;
}

Só é você colocar o link da imagem onde está pedindo no CSS, e pronto, a imagem já foi adicionada como plano de fundo do post.

Se você quiser que o post fique com uma aparência mais agradável ainda, basta arredondar as bordas da imagem, para isso, só é você colocar no código CSS os códigos abaixo:

-moz-border-radius: 12px;
border-radius: 12px;
-webkit-border-radius: 12px;

Veja outras formas de bordas aqui.

Exemplo para o CSS:

<style>
#fundo{
background:url(http://wallpapers-diq.net/wallpapers/42/Lush_Summer%2C_Louisville%2C_Kentucky.jpg );
padding:5px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-border-radius: 12px;
}
</style>

Você pode adicionar um plano de fundo em quantas postagens você quiser.

Bom pessoal é isso ai, espero que tenha gostado. Qualquer duvida deixe um comentário que estarei respondendo a sua duvida o mais rápido possível.