18 de abr. de 2014

Como colocar avatares no título do post

 Olá pessoal, quanto tempo. Desculpe a demora em postar, esse mês de abril está sendo
muito tumultuado. Vou avisando que dia 30 de abril estou indo passar uns dias em SP.
 Agora vamos ao tutorial que foi um pedido, alias obrigada por estarem fazendo pedidos.
O pedido foi de Como colocar ícone do autor na postagem. Em vez do ícone vamos
colocar um avatar. Créditos Milky Sky

 Vá em Modelo>> Editar HTML>> Clique dentro da caixa de HTML e procure por:
<h3 class='post-title entry-title' itemprop='name'>
Você irá encontrar dois resultados, vamos usar só o segundo.
Cole abaixo desta linha o seguinte código:
<img class="avatarTC" src='URL DO SEU AVATAR'/>
Em URL DO SEU AVATAR coloque a URL da imagem que você quer que apareça
Agora procure por:
]]></b:skin>
E acima desta tag cole o seguinte código:
.avatarTC {
display: inline-block;
margin: 3px;
float: left;
width: 50px; /* TAMANHO DO AVATAR */
background: none; /* COR DE FUNDO */
border: 3px double #EAEAEA; /* BORDA Do AVATAR */
border-radius: 0px; /* BORDA ARREDONDADA */
}

Está explicado no código, Visualize se deu certo, Salve!

8 comentários :

  1. Oi flor muito legal o post e bem simples né.
    Flor você fez uma pergunta na minha cbox do blog,só que não entendi muito bem de que fotos você fala.
    Quando puder me explica lá tá se eu demorar para responder é por que estou com aqueles problemas ainda e por isso sem tempo para estar sempre no blog,mas assim que puder te respondo.

    Beijos.
    www.dicasnoblog.com.br

    ResponderExcluir
  2. Muito util!Seu blog é um amor!
    Bjs
    http://pitacopnk.blogspot.com.br/

    ResponderExcluir
  3. Amei *-* vou usar!

    Abraços Calorosos!
    oclubdoscupcake.blogspot.com

    ResponderExcluir
  4. Claudine amei seu post e seu blog
    tem vaga nos afiliados?
    Seguindo segue de volta?
    Beijos
    www.thefluffypear.blogspot.com.br

    ResponderExcluir

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo