html

Legenda na imagem do post

18:40


Quer uma legenda personalizada? Você escolhe o estilo, vem aprender?

Boa Tarde meus chocolates de granulados, tudo bem? Bom primeiro vamos falar do joguinho de quarta que tivemos. Os vencedores, ou seja os 5 primeiros a escreverem a resposta correta já estão na sidebar como divulgação. Aos outros fica para a próxima. Segundo não postei ontem, nem o resultado porque eu tive um problema no meu pc. Espero resolver rápido. Terceiro estamos correndo com a revista para deixar tudo certinho na inauguração dela, sexta dia 01/02. Ta agora vamos ao post?
Quando encontrei esse tuto eu achei muito legal, realmente nunca tinha visto em blog nenhum. E então decidi trazer para vocês, porque como eu sei que muitas pessoas não sabiam e não sabem dele. 
Não me lembro em qual blog eu encontrei o tutorial, então quem souber me fale que eu posto todos os créditos, ok?
Vamos aprender?





Vá no seu HTML e procure por:

]]></b:skin>

Após achar a tag, cole acima, o seguinte código:

.legenda {
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #000;
opacity: .7;
background-color: #fff;
position:absolute;
margin-top: -60px;
margin-left: 90px;
padding: 9px;
}

Agora é só aplicar a legenda na imagem e personalizar do seu modo, aconselho que quem não sabe mexer com HTML não mexa..

Coloque sua imagem na post, do jeito normal.
Vá no HTML da postagem, e após o link da imagem, cole o seguinte código:

<div class="legenda">Sua legenda aqui</div>
Coloque a legenda que quiser e continue escrevendo seu post.

Bom, é só isso. É super fácil né? Se tiverem alguma dúvida, comente que eu ajudo á vocês!

Espero que tenham gostado e Beijos!

You Might Also Like

9 Chocolates viraram Cupcakes

  1. Gostei do efeito, mas acho que não combinaria com meu blog, pois ele é meio simples, rs' Beijão!

    Ju, do Epílogos e Finais.

    ResponderExcluir
  2. Muito legal o tutorial! Realmente é a primeira vez que vejo :]

    amorcoruja.blogspot.com.br

    ResponderExcluir
  3. Nossa q simples *-* eu não conhecia ainda ^^
    fashion em cores -.com

    ResponderExcluir
  4. Gostei muito legal e bem simples e eu nunca tinha ouvido falar desse tuto! Vocêê acc uma afiliação comigo?? Responde lá no blog! Beijooos

    nahatscha.blogspot.com

    ResponderExcluir
  5. Oii linda !
    estou amando seu blog !
    Vou está sempre acompanhando !
    Estou seguindo segue lá de volta ?
    www.batom-veermelho.blogspot.com
    Agradeço !

    ResponderExcluir
  6. oooooooooi amore, entendi direitinho comooo vaai ser a revista!
    pode contar comigo, só me avisa quando eu tiver que fazer a matéria!
    podemos nos falar pelo blog mesmo, to muitooo curiosaaa pra ver os quadros! *---*
    Obrigado por me convidar! *--------------------* bjbjssssss
    http://blahoestraich.blogspot.com.br

    ResponderExcluir
  7. Nossa, adorei o tutorial, amore, sempre uso legendas, vou usar no meu blog!

    Obrigada pela visita, vim retribuir, já estou seguindo, se puder, faz o mesmo?

    Beijos!

    http://modinhagirl.blogspot.com.br/

    ResponderExcluir
  8. Muito simples. Nunca vi. Vou usar no proximo layout.
    http://mywonderlan-d.blogspot.com.br/

    ResponderExcluir
  9. Seguindo. segue meu blog? http://pinkcombrilho.blogspot.com.br/

    ResponderExcluir

Deixe um recadinho sobre o blog. Obrigada!

Related Posts Plugin for WordPress, Blogger...