30 de jul de 2008

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.

Clique-me






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@

6 comentários:

  1. Parabéns, seu blog está um máximo...

    me ajudando muito, obrigado.

    ResponderExcluir
  2. Viverpoesias, que bom ! Obrigada e volte sempre.

    ResponderExcluir
  3. Adoro esse site!!!

    Aprendo muito com ele.. Parabéns!!!

    ResponderExcluir
  4. Anonimo, obrigada e volte sempre. Beijos

    ResponderExcluir
  5. Obrigado pelas dicas. Estou com um problema que eepero possa me ajudar. Seguinte:
    Toda vez que alguem insere em seu blog (Blogger), na sua "Lista de Links", o endereço "http://ntebelempa.blogspot.com", ele muda o endereço para o do meu blog "http://esteblogminharua.blogspot.com" e direciona o link para lá. Isso não aocntece com "Lista de Links", so Lista de Blogs. Sabe como resolver o problema. Muito obrigado. Franz

    ResponderExcluir
  6. BLZ?
    não consigo achar pelo "#sidebar-wrapper {" nem o "#main-wrapper {"... teria alguma dica?
    obrigado

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube