20/08/2013

Alterando o avatar padrão dos comentários


Yo bunnies, assistir PJ e o mar de monstros, devo dizer que amei!!! Como sempre a historia é bem diferente do livro, mas ficou bom. Ri bastante senti aquela agonia em algumas cenas, o Jake continuam lindo como sempre, mas não gostei do fato de que Percy fazer 17 anos, sendo que no segundo livro é 13 anos. Mas como sempre filmes veem para mudar nossas queridas sagas, seja para melhor ou pior. Meu namo deu um jeitinho de acompanhar *-* comi tanto que só levantei do acento por milagre, eu não engordo de ruim que sou, e comprei um livro na saída. Mas vamos ao que interessa, hoje me perguntaram como personalizei os avatares dos comentários anônimos, então vou mostrar para vocês como personalizar. Pessoalmente acho que fica bem mais profissional e bonito assim.

A um detalhe que acho que não perceberam, não só personalizou os avatares anônimos como aqueles que nunca colocaram avatar. Quando alguém possui conta no google ou blogger mas nunca coloco um avatar, ao comentar entra o famoso B do blogger e os anônimos/URL aquele avatar azul, como na imagem abaixo e veja o resultado final:

Clique para ver melhor

 Ali eu coloquei a letra B novamente, só que com uma textura e cor mais bonitinha. E nos anônimos a foto de um rapaz linduxo, é claro que vocês podem fazer uma logo para seu blog e colocar no lugar ou simplesmente colocar o nome do seu blog, imagem, avatar o que bem desejarem.

1. Antes de aplicar este tutorial ao seu blog aconselho fazer backup de seu template, ou usar um de testes. Fiz o teste do código em diversos modelos meus e todos funcionaram não ouve conflito com o nivo slide, mas pode ocorrer comflitos com outros tipos então façam o teste antes.

2. Primeira coisa que devemos fazer é ir ate o HTML do blog, e procurar por </body>, assim que o achar abaixo dele adicione este codigo:

<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'http://static.tumblr.com/xpo2exu/KDVmr5f54/anonimus.png')
.ssyby('blank')
</script>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img2.blogblog.com/img/b36-rounded.png']")
.attr('src', 'http://static.tumblr.com/xpo2exu/EVqmr5fmv/avatar.png')
.ssyby('blank')
</script>

Só mecha nos links marcados em rosa. Troque por qual imagem desejar e salve, os créditos vão para o blog Mundo Informal, espero que tenham gostado e curtam ate aproxima postagem.

46 comentários:

  1. Anônimo20/8/13

    Seu blog sempre perfeito, amei a dica. Ótimo para blogueiros detalhistas.

    ResponderExcluir
    Respostas
    1. Agradeço o elogio :3 Verdade os detalhes sempre incomodam os detalhistas

      Excluir
  2. Kashi20/8/13

    Eu queria poder ir assistir. D:
    Otimo tutorial

    ResponderExcluir
  3. Estava procurando este tutorial há um tempinho, amei!!!

    ResponderExcluir
  4. Adorei o tutorial, já haviam me perguntado como fazer, mas não tinha ideia ashuashua. Adorei esse tutorial!
    Kiss
    With You

    ResponderExcluir
    Respostas
    1. Eu também não tinha, eu usava um outro código mas com a vinda do novo blogger não funciona mais. Mas tomara que seja útil para você Mandi.

      Excluir
  5. Anônimo20/8/13

    adorei ahdahdha so um tiozim

    ResponderExcluir
  6. Amei o tuto, Bem útil! Vou usar no meu blog.
    Beijos ~
    http://forevermonsterhig.blogspot.com.br/

    ResponderExcluir
  7. Bem útil este tutorial *--*

    Xoxo ;*
    cantinhodaslovelys.blogspot.com.br

    ResponderExcluir
  8. Anônimo20/8/13

    Que legal amei o tutorial
    Bejos Maria
    Complicada & Imperfeita* Adolescente*

    ResponderExcluir
  9. Anônimo20/8/13

    adoreei o tutorial wendy, antes de eu mudar o lay eu ficava feito uma louca procurando por esse tuto... mas enfim encontrei um e muito bem explicado!!! obg pelas dicas e tuto!!!
    bjnhss de gloss

    ResponderExcluir
    Respostas
    1. Não foi nada, fico contente em poder ajudar e ser útil. Foi difícil achar um tutorial assim que funcione no novo blogger. \o/ Mais finalmente achei!!!!

      Excluir
  10. E também gera não curas -q
    Tá no cinema? Eu sempre quis assistir PJ mas eu não vi o primeiro, então fica sem graça e.e'
    salvei nos favoritos, vou usar no template que estou fazendo :33

    Kawaii Land

    ResponderExcluir
    Respostas
    1. Nisso tem toda razão- Sim esta no cinema, acho que uma semana. Não viu, porque não aluga ou baixa o filme tem muitos sites que da para ver online, não vai se arrepender.
      Esta certo espero que possa ser útil para você. ^^

      Excluir
  11. Amei o tuto, diwa!
    withoutkawaii.blogspot.com.br/

    ResponderExcluir
  12. Anônimo21/8/13

    O Tutorial fica bem mais fofo e arrumadinho melhor do que aqueles avatar de anoni que fica feio demais.

    Se puder retribuir ?
    - Empire Mochi // empire-mochi.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Verdade, claro faço sim uma visita! ^.-

      Excluir
  13. Cara, eu quero muito conferir Mar de Monstros! Simplesmente adoro PJ e como boa fã dos livros gosto de conferir os filmes, embora eles SEMPRE mudem muita coisa em relação a história original, o que as vezes é bem chato, mas gosto dos filmes porque aí da para ver como as pessoas que trabalharam nele pensam na melhor forma de entreter o público e outra! Da para conferir os personagens em carne e osso! *w*)''

    Ehehehe' Somos duas a não engordar de ruindade Wendy!! o/

    Nha, gostei do tuto, embora quase nunca receba comentários em anônimo (bem diferente de você -q) e muito menos de pessoas sem imagem.. But, acho que vou aplicá-lo por via das dúvidas né? ihihihi' xDD'

    Kissu~

    ResponderExcluir
    Respostas
    1. Hehe tem razão podemos ver eles em carne e osso, mas não gosto das mudanças que eles fazem nas historias, são poucas as mudanças que ficam boas.

      Upiiii o/ é bom que podemos comer bastante.

      Aplica sim porque sempre aparece um ou outro comentando assim *-*

      Excluir
  14. Anônimo21/8/13

    eu já acompanho teu blog e teu contúdo ha um tempinho nossa tudo muito arrumado e descente aqui, ainda não tinha me atrevido a comentar, mas aqui estou, parabéns pelo blog, e sucesso!
    PS: há pouco tempo entrei na blogosfera, se puder seguir meu blog, se gostar é claro serei extremamente grato! Mais uma vez parabéns e muito sucesso.
    Quase Meia Noite

    ResponderExcluir
    Respostas
    1. Nossa obrigada *-*
      Faço sim uma visita e sigo se gostar <3 e mais uma vez obrigada.

      Excluir
  15. Que legal,não sabia!
    Os filmes do PJ são péssimos, desculpa quem gosta!

    ResponderExcluir
    Respostas
    1. Obrigada.
      Cada um tem seu gosto, mas não tiro sua razão comparado as livros são fracos.

      Excluir
  16. Owwn *-* Vou fazer isso no meu novo layout'

    ResponderExcluir
  17. Indo tentar XD. Obrigada pela dica W-Chan

    ResponderExcluir
  18. Ñão sabia que esse tutorial funcionava, usei alguns em diversos templates e sempre dava errado, achava que o problema era o novo modelo do blogger (depois do minima, sabe?). Vou tentar, aqui no blog tem?

    ResponderExcluir
    Respostas
    1. Realmente os novos modelos do blogger não aceitam os antigos codigos de personalização. Mas achei esse por sorte, fiz teste e ele funcionou tanto no novo quanto antigo. Sim uso aqui no blog

      Excluir
  19. Anônimo26/8/13

    Deixa eu ver se o anônimo tem foto xD

    ResponderExcluir
  20. Que legal, vou usar, obrigado flor :D
    Eloísa do Having Cherry e Gave Crazy

    ResponderExcluir
  21. Haha, Valeu funcionou direitinho (: a segunda imagem se não se importar eu usei só modifiquei a primeira do anônimo ..

    ResponderExcluir
    Respostas
    1. Pode modificar as imagens como desejar Luca ^^

      Agradeço por usar.

      Excluir
  22. Tem como colocar mais de uma imagem para os anônimos? Como no blog da http://melinasouza.com/ , cada anônimo tem um avatar diferente... gostaria de saber como faz assim!

    ResponderExcluir
    Respostas
    1. Yo Pry! Dei uma olhada no blog que falou e lá é um WordPress. É próprio dele entrar avatares aleatoriamente. Nunca vi algo assim para blog, mas darei uma pesquisa se eu achar posto, esta bem? :3

      Excluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345