Blogger: Como modificar o avatar padrão | Follow your dreams
Blogosfera

Blogger: Como modificar o avatar padrão

Oi pessoal!

Vocês perceberam que o avatar padrão aqui do blog (pra quem comenta mas não tem foto ou não está logado) é a menininha da ilustração? Alguns de vocês tem me perguntando como fiz isso, então nesse post vou ensinar. No momento uso o WordPress e fiz com um plugin, mas dá pra fazer no Blogger também! E é super simples.

BloggerComo modificaro avatarpadrão#1

  • 1 – Vá em MODELO > Editar HTML.

BloggerComo modificaro avatarpadrão#2

 

  • 2 – Cole acima de </body> o seguinte código:

<script src=”http://code.jquery.com/jquery-latest.js”/>
<script>
$(&quot;img[src=&#39;http://img1.blogblog.com/img/anon36.png&#39;]&quot;)
.attr(&#39;src&#39;, &#39;IMAGEM BLOGGER&#39;)
.ssyby(&#39;blank&#39;)
</script>
<script src=”http://code.jquery.com/jquery-latest.js”/>
<script>
$(&quot;img[src=&#39;http://img2.blogblog.com/img/b36-rounded.png&#39;]&quot;)
.attr(&#39;src&#39;, &#39;IMAGEM ANÔNIMO&#39;)
.ssyby(&#39;blank&#39;)
</script>

 

  • 3 – Salve a imagem que deseja usar e faça o upload dela no seu site de preferência, recomendo o Picasa (https://picasaweb.google.com). Após isso, cole a URL dela no código substituindo:
– O trecho em azul pelo avatar que aparecerá quando o autor do comentário é ANÔNIMO.
– O trecho em vermelho pelo avatar que aparecerá quando o comentário é feito por alguém usando o perfil do Blogger.
Lembrando que você pode usar a mesma imagem para os dois se assim preferir.

 

Por fim, fiz algumas imagens que vocês podem usar:

   

   

   

   

   

   

 

Gostaram? Qualquer dúvida deixe um comentário.
Um beijo! Coracao1

Tags : Blogger

26 Comentários

  1. Oi Karol,
    Faz um tempo que eu tentei usar esse tutorial do seu blog, mas somente hoje que notei o quão certo ele deu. Então resolvi passar para agradecer e pra desejar Parabéns pelos 3 anos de blog!!

    Beijos,
    Nanda.
    (Se quiser, visite o Nandalandia)

  2. Oi Karoline! Tudo bem?
    Faz tempo que estou querendo comentar, mas a preguiça não deixava rs. Visito seu blog todos os dias e ele tem sido muito útil, finalmente estou conseguindo ajeitar meu blog para colocá-lo no ar, tudo graças a você!!! Sério, é muito difícil encontrar alguém nesta área que se dedique a ajudar os outros como você se dedica. Muito obrigada, viu?

    Um beijo e um abraço,
    Giulliane.

  3. Karoline, muito obrigada por todos os posts sobre blogs e tal, você esta me ajudando muitoooo, finalmente consegui ajeitar o meu blog, graças ao seu blog e obvio você <3 , muito obrigada <3

    1. Oi Juliana, o código para arredondar as imagens é esse:
      -moz-border-radius: 1000px; -webkit-border-radius: 1000px; -o-border-radius: 1000px;

      Beijos!

  4. Mano, porque que o meu blog deu erro? Eu fiz tudo certinho e o blog sumiu, apaguei o código que eu tinha adicionado e ele simplesmente não volta. Seria bom se você fizesse uns tutoriais que funciona né?! Já fiz todos do seu blog e apenas UM funcionou, o restante não deu certo e esse agora fudeu com o meu blog. Muito obrigada.

Deixe uma resposta