Efeito de transparencia no Blogger

Mais uma dica de Gem@ blog. Para deixar o post e a sidebar com efeito de transparência. Clique aqui para ver o efeito. Agora se gostou siga as dicas abaixo.

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

A primeira coisa a fazer é escolher uma imagem de fundo que seja grande o suficiente para cobrir toda a área de seu blog.
Eu aconselho a pegar Wallpapers, em sites especializados isso não será difícil.

Agora que encontrou a imagem que você tanto queria, hospede-a em um site. Se não sabe como fazer, clique AQUI e aprenda.


Em seguida vá até o HTML do seu blog e procure pelo código: body {

Cole então abaixo dele o seguinte código:

background: #000000 url("AQUI O ENDEREÇO DE SUA IMAGEM)" fixed no-repeat;

*Atenção, se no local já tiver outro código que inicie com "background" substitua tudo pelo código acima. O código em azul é a cor que ficará a página de fundo. Escolha uma cor que predomine em sua imagem de fundo. Se quer que sua imagem se repita, retire a parte"no-" do código.

Para fazer o efeito na header (cabeçalho)

Procure pelo código: #header-wrapper {
e cole o código depois

border:1px solid #808080;
background-color:#FAF2D4;
filter:alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
-khtml-opacity:0.50;

Para fazer o efeito nos posts.
Procure pelo código: #main-wrapper {
e cole o código depois

border:1px solid #808080;
background-color:#FAF2D4;
filter:alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
-khtml-opacity:0.50;

Para fazer o efeito na sidebar (coluna)
Procure pelo código: #sidebar-wrapper {
e cole o código depois

padding: 5px;
border:1px solid #808080;
background-color:#FAF2D4;
filter:alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
-khtml-opacity:0.50;

As partes em azul são as cores do fundo do post, sidbar e header.
Escolha a cor que mais combina com seu template clicando AQUI.
Para saber quais as cores que tem na sua imagem de fundo, clique AQUI

Créditos: Gem@