Colocando Imagem no fundo do Texto




Ola amigos!!
Que tal escrever o texto por cima de um fundo bem fofo ?
Veja o exemplo abaixo. Nesse estilo é possível selecionar o texto normalmente a imagem fica como um background.
No final do Post confira uma seleção de imagens para usar como fundo.


A gloria descrita de Deus
não é comparável é mais;
Seu manto se estende até o céu,
a sua gloria reflete o seu poder;
Seus olhos são chamas de amor,
sua voz é coragem e Fé;
Ele é a esperança e a paz
que todos procuram no céu.


Obrigada Meu senhor!





















--------------------------------------------------------------------------
Copie o código abaixo, cole antes de </Head> e salve.


<style type="text/css">#bljaIMGte{float:left;position:relative;}#bljaIMGte .bljaIMGtex {width:320px;position:absolute;top:10px;left:14px;}</style>




------------------------------------------------------------------------------
Agora copie o código abaixo e cole no Post.

Lembrando que antes de começar a escrever o seu post clic na opção HTML.



<div id="bljaIMGte"> <img src="ENDEREÇO DA IMAGEM" />                             
<div class="bljaIMGtex" style="color:#000000;">

<p> Seu Texto </p>
<p> Novo Texto </p>

</div> </div>



Selecionei algumas imagens, copie o endereço que esta dentro da caixinha e cole no código.































































































































































Não conseguiu usar? Clic aqui WWW
Imagens retiradas de pesquisas na Internet se usar por favor de os créditos é proibido reblogar.



17 comentários:

  1. Amei o tutorial, já favoritei aqui. Quem sabe eu use lá no blog algum dia né? é bem fofo. Beijos!

    Nosso Capricho
    ► apsmass.blogspot.com

    ResponderExcluir
  2. ai que maravilha esse tuto !!! Dany queria muito que vc ensinasse a como pôs background no linkwit , aprendi a mudar a cor dele , mas por background ainda não sabia. bjsssss

    ResponderExcluir
  3. Que tutorial mais lindo.
    www.blogueirajussara.blogspot.com.br

    ResponderExcluir
  4. Que legal, fica super fofo :)

    Beijos,
    placestyle.com

    ResponderExcluir
  5. Ameei lindos >< Seguindo seu blog , amei ele lindo !! Vem participar do sorteio que esta rolando lá no blog
    http://bolhaarosada.blogspot.com.br/2012/10/1-sorteio-do-blog-thipos-bolha-arrozada.html

    ResponderExcluir
  6. Aii, que tudooo!!
    Adoreeeeiii!!
    Vc sempre arrasa nos posts! ;)
    beeijos.
    contornoperfeito.blogspot.com.br

    ResponderExcluir
  7. Que legal!! Adorei *---*

    help-adolecentro.blogspot.com.br/

    ResponderExcluir
  8. Lindoooo, e obrigada por ir lá comentar no meu blog! =D, sem querer ser chata mas já sendo, como se personaliza a área dos comentários?

    http://facebook.com/brogandome/
    http://brogandome.blogspot.com/
    http://saorimonroecobain.tumblr.com
    @carolposeidon

    ResponderExcluir
  9. haimmm q legal...adorei o tuto...=]
    http://domeujeito100.blogspot.com.br/

    ResponderExcluir
  10. aaaawn que lindo o post, e o lay, e tudo! Nossa, primeira vez que eu to aqui *-* Parabéns mesmo, lindo ♥ Obrigada pela visita *-* volte sempre lindona, s2
    Garota Bipolar
    We ♥ HTML
    Cupcake de chocolate
    Beezos. :3

    ResponderExcluir
  11. Nossa, mas que coisinha mais fofa! Amei esse tutorial Dany, parabéns!

    Saudades de ti no meu blog, hein? u_u

    Tem post novo lá! Beijos e bom feriado!

    http://sugar-dance.org

    ResponderExcluir
  12. Onnnnnnnnnnnw que fofooo esse tutorial
    vou com certeza colocar no meuu blog!
    saudades daqui, to sumida né? pq eu to trab agora, mais sempre eu vou dá uma corrida aquiiii!
    amoooo seu blog!
    beijooooos

    Lilica Lima

    ResponderExcluir
  13. nossa que legal! ja vou salva a tutorial para quando eu tiver tempo fazer direitinho!

    bjãoooo

    sonhos-perdiidos.blogspot.com/

    ResponderExcluir
  14. suas dicas continuam sempre otimas
    vc faz templates free ??

    ResponderExcluir
  15. meu Deus que coisas mais lindas amiga..
    Beijocas Pink♥
    Loucas Por Pink (◕‿◕✿) )
    http://renatinhaloucaporpink.blogspot.com.br

    ResponderExcluir
  16. Adorei o tuto!flor entra no meu blog e se gostar segue?

    www.indo-a-paris.blogspot.com

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...

Ultimas atualizações no Blog ♥