Colocando Avatar no Template

Unknown
1 - Entre na sua conta do blog - http://www.blogger.com/


2 - Clique em Design > Editar Html > Expandir modelos de widgets > Ctrl + F e procure por :

<b:if cond='data:post.title'>

3 - Embaixo da tag cole o seguinte código :

<b:if cond='data:post.author == &quot;NOME DO SEU PERFIL DO BLOG&quot;'>                <img alt='Avatar' height='80' src='URL DO SEU AVATAR AQUI' style='float:right;margin:5px 0px 0px 10px'         width='70'/></b:if>

4 - Faça as alterações em NOME DO SEU PERFIL DO BLOG e em URL DO SEU AVATAR AQUI.


float:left; - Deixa o avatar do lado esquerdo
    float:right; - Deixa o avatar do lado direito
   height='80' - Significa a altura
  width='70' - Significa a largura

5 - Onde está 5px significa o tanto que você quer que o avatar dessa.

Ex : margin:5px 0px 0px 10px'

6 - Onde está 0px significa o tanto que você quer que o avatar vá para o lado direito.

Ex : margin:5px 0px 0px 10px'

7 - Onde está 0px significa o tanto que você quer que o avatar soba.

Ex : margin:5px 0px 0px 10px'

8 - Onde está 10px significa o tanto que você quer que o avatar vá pro lado direito.

Ex : margin:5px 0px 0px 10px'



Para colocar no rodapé do post você procura por <div class='rodape-post'> e faz os mesmos procedimentos.

0 comentários

0 comentários:

Postar um comentário

Assinar: Postar comentários