janeiro 16, 2011

Tutorial - Imagem no fundo das postagens

Eu tento não revelar meus segredos de Lay, KK mas como quero que deixem seus 
blogs cada vez mais divinos porque nós merecemos *-* vou ensinar hoje um 
truque para colocar imagem no fundo das postagem, é simples! mais do que 
parece, e realmente gente é muito simples, se vocês forem ver o HTML do seu 
blog, e tentar entender ele,vocês conseguem fazer tudo, se entender um pouco 
de inglês é perfeito, pois o blogger os scripts são todos em inglês. Bom, vamos 
começar! entre em Editar HTML > em /* post procure por >

.main-inner .column-center-outer {

Após encontrar troque background-color: $(post.background.color); por
background-image: url(URL DA SUA IMAGEM);

visualizem e se estiver tudo certo salvem, sobre o tamanho da imagem! não é problema
o blogger ajustar a imagem, repetindo-a varias vezes. Caso queria que ela não repita terá
de criar uma imagem com o tamanho exato do fundo das postagens ou procure por outros
tipos de códigos de imagens vocês vão encontrar algo como no-repeat ..
Beijos espero ter ajudado. Tuturial testado apenas no modelo travel (viagem) do blogger

17 comentários:

  1. Eu fiz mais nao gostei ;x no seu blog fico perfeito *-* http://analuipinho.blogspot.com/

    ResponderExcluir
  2. Ah, obrigada *-* rs mas depende muito da imagem

    ResponderExcluir
  3. O blog ficou lindo love
    adorei o tuto de hoje, mto util (:
    bjs
    http://azuleletrico.blogspot.com

    ResponderExcluir
  4. Oiiie ^^ amei o blog quero-lhe convidar para participar do meu condomínio glamour. dá uma passadinha lá quem sabe vc goste e participa beijos

    ResponderExcluir
  5. Olá! Lindooo aqui. Estava passando e pensei: "Por que não comentar? Todos amam comentários!". E aqui estou, para dizer que amei seu blog.
    Passa no meu também?
    tudo4girls.blogspot.com/
    Se seguir, é só comentar avisando que eu sigo de volta, ok?
    Beijos,
    Tudo4Girls
    http://tudo4girls.blogspot.com/

    ResponderExcluir
  6. Adorei a dica!

    http://atualissima1.tk/

    ResponderExcluir
  7. # Raianny: ook flor

    #Tudo4girls: ah sim, obrigada flor adoro comentarios mesmo. sigo sim .

    #Many: que blom flor ^^

    #Ana carool: nuncaaaa, rsrsrs sem net mesmo ç.ç

    ResponderExcluir
  8. [aaaaaaaaaaaaaa] Que tudooo
    Obrigada pelas ficas, blog perfeito *-*



    http://garotasederivados.blogspot.com/

    ResponderExcluir
  9. Sei que parece um pouco parvo mas sou um pouco novata nisto tudo ... me explica onde buscar o URL ? :s

    ResponderExcluir
    Respostas
    1. Clique com o botão direito do mouse sobre a imagem que você deseja e clique em copiar url da imagem .

      Excluir
  10. assim,sabe o endereço de uma imagem exemplo:

    http://3.bp.blogspot.com/-1bHiy39m-9A/TkF0wgBNNWI/AAAAAAAAEIY/gX1hSItvTu0/s1600/backg.png

    esse link acima é o URL da imagem, onde conseguir a seu url? escolha uma imagem da web que voce queira, e copie la emcima o endereço do link da imagem, (URL).

    ResponderExcluir