sexta-feira, 28 de outubro de 2011

Substituir ''postar um comentário'' por uma imagem

Hooy Hoy Gurias atendendo a um pedido vou ensinar a substituir o texto ''postar um comentário'' por uma imagem que ficará mais ou menos assim:
é super simples garanto! Mais vale lembrar que mexer na parte de comentários exige uma maior atenção pois não dá para visualizar antes de salvar por isso eu recomendo que você baixe seu modelo completo ta! Enfim boraa fazer?

vá no seu HTML http://i11.photobucket.com/albums/a168/evelynregly/minigifs/miniok.gif marque a opção expandir ''modelos de widgets''. 
Aperte as teclas ctrl f e procure por:



<h4 id='comment-post-message'><data:postCommentMsg/></h4>



apague a parte destacada de rosa e no lugar coloque:



<img src="URL DA IMAGEM"/>



Substitua o trecho URL DA IMAGEM pela url da imagem desejada


Eu fiz algumas de exemplo Gurias, mais é claro que vocês mesmas podem criar as suas
               
''Para pegar a URL de uma imagem é só clicar com o botão direito do mouse sobre ela e selecionar a opção COPIAR URL DA IMAGEM''
agora é só salvar e esta pronto!

75 comentários :

  1. Adorei o Tutu de hoje, fica mais Lindinho com imagens ! qm sab um dia utilizarei =D
    sobre as imagens que vcê disponibilizou eu gostei mais das ' faça um comentario e comente aqui '
    OOk' Bjs.. :l:

    ResponderExcluir
  2. Adorei aqui!


    flor, participa do meu concurso?
    http://pinkpimenta.blogspot.com/

    ResponderExcluir
  3. Ah que legal hein adorei

    Beijo
    Bom final de semana
    http://marifriend.blogspot.com/
    @Storiesandadvic

    ResponderExcluir
  4. Legaal, mais toda vez que eu tento colocar no meu eu não consigo =/

    ResponderExcluir
  5. Adoreii! Muitoo Facil , simples e otimo! d+! Bju!

    ResponderExcluir
  6. Oi tudo bem?
    tem um selinho para você lá no meu blog
    beijos
    http://sweetgirls-mary.blogspot.com/

    ResponderExcluir
  7. AAh,muito facil mesmo,bem legal.Acho que vou por mais tarde no CT,mas no momento estou com preguiça hahahaha...
    Bejinhos ;**
    http://cupcaketeenteen.blogspot.com/

    ResponderExcluir
  8. Oi Jackie *-*

    Você é umd os blogs que mais tem tutoriais e tutoriais super úteis, sabia?

    E eu amei a torradinha com ovo na testa no fim do post ;_;

    Meus posts são sempre aos domingos, porque eu espero acumular um certo número de comentários.

    Amei as batatinhas depois do Hoy Gurias.

    Bjonas (:

    Fique com Deus ♥

    ResponderExcluir
  9. Poxa Jackie eu não consigo trocar o meu de jeito nehum rsrs ja tentei várias vezes com um tuto do trechy e não consegui vou ver se com esse consigo kk ah é mesmo eu mudo o maximo que consegui deixar o mesmo foram 7 dias rsrs é que sempre me encomoda alguma coisa ai vo lá e mudo de novo kkkkkkkk bjs *-*

    ResponderExcluir
  10. Obg flor!
    Coloquei 1 imagem no meu blog!!

    Muito obg!!

    Larissa

    vivendo-moda.blogspot.com

    ResponderExcluir
  11. Haha, assim que ver, comenta lá se voce gostou =) eu adorei e obrigada pelos elogios :d beijinhos

    www.fluffy-luanaa.blogspot.com

    ResponderExcluir
  12. Oi, vc pode postar imagens para ir ao topo da pagina, as que eu vi eu gostei, mas eu queria uma azuzinha!

    Júlia

    Bjocas *-*

    ResponderExcluir
  13. adorei jackie :)
    novo post lá, passa e comenta? *-*

    Beijos,
    http://bnascimentooo.blogspot.com

    ResponderExcluir
  14. Julia pode deixar que depois eu posto mais !! :h:

    ResponderExcluir
  15. nossa amei saber! lindas as imagens que você criou para este post.
    beijos

    ResponderExcluir
  16. Ameei esse tuto, e as imagens mais ainda.

    Bjok´s, Guriia

    ResponderExcluir
  17. Que fácil!!!! Acho que vou colocar lá no DSM depois...

    Que bom que te ajudei a encontrar a música... Estou pensando em colocar uma a cada sábado...

    Mil Sweetkisses e bom FDS ♥

    ResponderExcluir
  18. Muito legal, mas meu sistema de comentários nem é do blogger, não tenho como usar...
    http://www.nossa-caixa.blogspot.com/

    ResponderExcluir
  19. Fiz e deu certo *-* poxa, adorei!
    e aah, uma fofura seu blog, amei, parabéns :h:
    seguindo ja!

    http://www.doucea-mere.blogspot.com/

    ResponderExcluir
  20. Jaack tee adooroo vçç é noota 10 ! liindaa vçç me ajuda muito !!

    ResponderExcluir
  21. @Mel Cardoso
    Oii Mel cardoso, olha a intrometida hahaha..
    é que eu também nao conseguia, e mudei nas configurações dos comentários, talvez seja isso...clica no Design>Config.>Comentários> selecione página abaixo incorporada > creio q assim vai dar certo..

    http://espacofemininoaqui.blogspot.com

    ResponderExcluir
  22. Oiiiee d nv
    desculpe incomodar denovooo
    mais umaaa vez
    c eu t passar o e-mail do blog e a senha vc faz uma postagem legal
    desde d já agradeçoo
    bjoo obrigada d novos rsrs :j:

    ResponderExcluir
  23. amei coloquei no meu blog...só não consegui mudar o design do meu blog naquele site...achei complicado

    ResponderExcluir
  24. Adoreei ! Muito obrigada! Olhe como ficou !

    www.mundogarotassonhadoras.blogspot.com

    ResponderExcluir
  25. Ah naum deu certo!! :m:
    Visite meu blog e de uma opiniao pra fazer nele, por favor! Beijos
    www.coisasdemenina-vicky.blogspot.com

    ResponderExcluir
  26. esqueece o que eu escrevi agora kKKK, eu sei porq ta centralizado, bjs

    ResponderExcluir
  27. Sério, vou ser bem sincera agora, eu andava em outros blogs de ediçao e tal... MAS OMG... o seu blog é o melhor ! sem sombra de duvidas.
    Você ensina coisas que não achei em lugar nenhum mesmo Oo é mara. adorei, continue assim !

    Bjss :**

    ResponderExcluir
  28. :i: no meu nao deu certo...chorando muito..

    ResponderExcluir
  29. Amor, no meu blog deu "Código não encontrado |:" O que eu faço? :n:

    http://patricinhasdorock2.blogspot.com

    ResponderExcluir
  30. Legal! Me ajuda a divulgar meu novo blog?♥ http://nathysplace-oficial.blogspot.com.br/

    ResponderExcluir
  31. @Mel Cardoso eu tbm não consigo colocar já fiz várias vezes :/

    ResponderExcluir
  32. Não consegui encontrar o código < id='comment-post-message'>< > HELP!HELP-ME!

    ResponderExcluir
  33. @Ariane Morgana Volkmann vc marcou a opção expandir ''modelos de widgets'' ?

    ResponderExcluir
  34. :h: Obrigada, eu consegui colocar no meu blog ficou muito legal, valeu.

    http://variedadesdecoisasparagarotas.blogspot.com.br/

    ResponderExcluir
  35. Hahahaha, ficou linda o meu. Obrigada guria ! (:
    E feliz dia do rock para você !

    nosnopc.blogspot.com

    ResponderExcluir
  36. Jackie!

    No meu segundo blog, uso o modelo viagem, opção 1, e quando coloco a cor da barra lateral direita pra branco ela fica cinza!!!

    Me ajuda!

    ResponderExcluir
  37. @Ana Carolina Volkmann Nunca usei a opção 1 (uso a 2) por isso não posso te ajudar :((

    ResponderExcluir
  38. Eu não conseguii amooree , sera que você pode me ajudaar :h:

    ResponderExcluir
  39. :h Amei,mais não estou conseguindo colocar.

    Beijos
    "Olha Só Amiga"

    ResponderExcluir
  40. :i: Eu não estou conseguindo colocar.

    ResponderExcluir
  41. amei amei *-*
    estou te seguido guria!

    ResponderExcluir
  42. Muito Obrigada :)
    Você me ajudou em TUDO do meu blog,e por isso seu blog é MUITO especial !
    Fiz uma coisa especial para alguns blogs e o seu está junto...
    Clique Aqui e Veja !

    ResponderExcluir
  43. Adorei o tuto fazia tempo que eu procurava, e se quiser deixar igual o seu, é só fazer uma imagem né?!Amei vlw mesmo ^3^
    #May-Sun

    layrakauana.blogspot.com

    ResponderExcluir
  44. Seu blog é uma bosta,é lindo mas me desculpe,vou colocar isto ai acabou com o templante todinho do meu blog,que custou 28,00!!

    ResponderExcluir
  45. Brincadeirinha!!! Eu amoo seu blog,é lindO!!! te dei um susto?? kkkkk Beijinhos flor!!

    ResponderExcluir
  46. Deu super Certo parabéns belo blog maravilhoso q vc tem


    beijocas

    ResponderExcluir
  47. d+ funcionou mesmo !
    Ficou lindo :D
    Beijos
    (http://mm-garotaoriginal.blogspot.com.br/)

    ResponderExcluir
  48. amore, ensina como fazer aquela barra pfta que vc tem aqui no blog, aquela barra que tem escrito home, games, faq etc....

    ResponderExcluir
    Respostas
    1. É só fazer a imagem em algum editor (eu por exemplo fiz no photoscape) e depois mapear com esse tutorial ó>> http://meninanerd.blogspot.com.br/2011/08/mapeando-facilmente-uma-imagem.html

      espero que ajude!

      Excluir
  49. ja estou usando obrigada por todos os tutos, ajudam bastant

    ResponderExcluir
  50. Olá, Jackie. Tudo bem?
    Amei o tutorial, mas infelizmente a imagem só aparece quando abro somente um post, e não quando aparece todos os posts na página principal (embaixo de cada post uma imagem pra comentar).
    Gostaria de saber como faço isso. Obrigada.

    ResponderExcluir
    Respostas
    1. Oi Kamilla bem e ti?
      Então, isso acontece pq esse tutorial é pra alterar a imagem dos coments só quando alguém visualiza essa área mesmo tá?

      Para colocar uma imagem ao lado dos números dos comentários é só seguir a primeira dica disponibilizada neste post> http://isjackiezzdream.blogspot.com.br/2012/01/dicas-e-mini-tutoriais.html
      Beijos (:

      Excluir
  51. Olá adoro seus tutoriais , mas dessa vez nao sei o que deu errado, porque eu nao consigo alterar nada da area dos comentários, e o modelo do meu blog é o travel, tentei seu tutoriais para os coments e nada, o que será que esta acontecendo? você pode me ajudar?

    ResponderExcluir
  52. Oi, Jackie! Tudo bem?

    Quero agradecer por esse post! Ele me salvou... Eu havia perdido essa configuração, mas graças ao seu blog pude recuperá-la com sucesso!

    Muito obrigada por tudo! Muito sucesso para você!

    Beijos!

    blogdaandressamelo.blogspot.com.br/

    ResponderExcluir

.