Personalizando a caixa de comentários do Blogger - Dicas Blogger '+g+"
Home » Hacks » Personalizando a caixa de comentários do Blogger
Personalizando a caixa de comentários do Blogger 10 6 99
Passei algumas horas do domingão cuidando do template do Dicas Blogger e foi muito bom! Desde que customizei o Blogger Tips tomei gosto por mexer em html e prometo que em breve trarei um post sobre este assunto.
Hoje vou compartilhar com vocês alguns hacks para personalizar a caixa de comentários. Todos eles estão no blog do Compulsivo mas não sei se todos os meus leitores também são leitores dele (acredito que sim, pois o cara é fera) então, resolvi postar aqui também estas dicas preciosas!
IMPORTANTE: Para encontrar os trechos solicitados no tutorial, vá em layout, procure por editar html e clique sempre em expandir modelos de widgets.
DESTACANDO A ÁREA DOS COMENTÁRIOS
Para incluir um ícone destacando a área dos comentários, encontre a linha abaixo(Crtl+F) e onde está em vermelho substitua pela url do ícone.
<img src='http://IMAGEM.png'/>
<b:if cond='data:post.numComments == 1'> 1 Comentário: <b:else/>
Sugestão de site de ícones:
DESTACANDO OS COMENTÁRIOS DO AUTOR
Para destacar os comentários do autor do blog e procure pelo código abaixo:
Inclua as partes em vermelho.
Dica: copie ele inteiro e cole entre as tags <dl id='comments-block'> e </dl>
Depois procure pela área do CSS, entre as tags <head></head> e cole o código abaixo:
. blog-author-comment {
Personalize as cores da borda e do fundo a seu gosto!
ALTERANDO O LINK DO AUTOR
Para que seus comentários não sejam direcionados para o seu perfil do Blogger, procure pelo código abaixo, inserindo a linha em destaque.
<dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>
<a expr:href='data:blog.homepageUrl'>
<data:comment.author/></a><b:else/>
INSERINDO ICONE DOS COMENTÁRIOS DO AUTOR
Procure pelo mesmo código anterior e insira a linha em vermelho, substtuindo a url
<img src='http://URL_DA_IMAGEM/Imagem.png'/>
Neste exemplo vemos os 03 hacks já aplicados.
Divertido não?
Lembrem-se sempre de fazer um backup do template antes de utilizar estas dicas!
Todos os créditos para o Usuário Compulsivo.
Daniella 30 de junho de 2008 19:28
Estou triste com essa caixa de comentários ¬¬
ela ainda não apareceu nas configurações do meu blogger. Eu deixei um template padrão deles pra ver se aparecia e nada =/ desisti dela.
Jaqueline Amorim 30 de junho de 2008 22:52
Oi Jú!!! O Compulsivo é mesmo 10! eu já tive a oportunidade de ler estas dicas no blog dele mas só estou adiando as mudanças... Tenho andado sem tempo para tudo... afff... :(
Beijos e boa semana para vc!!! :D
Jaqueline Amorim 30 de junho de 2008 22:55
Jú!! Dê-me uma dica... como saber que vc me respondeu? Nesta caixinha não existe a opção: receber atualizações por e-mail...
Iara Alencar 1 de julho de 2008 00:03
Eu procuro há muito tempo, queria muito colocar um balão de comentários porque meu template é todo azul e a linha de comentário fica despercebida. Mas eu vou alterá-lo em breve, só estou esperando encontrar o template ideal, então deixo pra outro dia, mas desta vez serei esperta, vou copiar e colar no meu google.docs assim eu não me perco!!
Juliana 1 de julho de 2008 13:22
Dani, é uma pena que no seu blog não deu certo...Mas não basta configurar no Blogger, tem que alterar os códigos do template.
Jaqueline: muito bem lembrado...está sem a opção de email..mas deve ser provisório.
Iara: experimente o Template Perfect.
Com ele vc poderá fazer a festa!
Anônimo 1 de julho de 2008 15:08
no meu blog n tem essas linhas
www.pspgeral.blogspot.com
Unknown 2 de julho de 2008 20:56
o meu modelo não aceita
img src='http://IMAGEM.png'/
diz que não aceita
Jean Nunes 2 de julho de 2008 22:03
Vlw, mto boa a dica.
Jaqueline Amorim 3 de julho de 2008 00:38
Tomara Jú!!! Só vou aderir ao novo design quando o Blogger acertar isto... Muita gente gosta de acompanhar nossas respostas por e-mail... Não quero tirar isto de quem me visita, mas que está muito mais bonito assim isto está! Beijos e bom restante de semana!!! :D
Testes 17 de julho de 2008 13:11
Dea Carvalho 8 de agosto de 2008 15:09
Bem, para achar essa parte do código tive que marcar a caixinha de expandir modelos de widgets. Achei, mas mesmo assim, depois de hospedar a imagem e tudo ela não apareceu...
filipe bruck basso 9 de agosto de 2008 21:18
Queria saber como eu faço para botar uma imagem para os visitantes também
Alberto 14 de setembro de 2008 10:50
Genial! Sempre tentei fazer modificações no link de comentários, porém nunca havia visto um blog com este tipo de formulário dos comentários. Muito bom mesmo.
SuperKaren 9 de outubro de 2008 11:57
Acho que sou jeguinha msm hehehehh Não consegui encontrar o encaixe no meu HTML...Não sei se meu template permite estas alterações tb... :(
Ruleandson do Carmo 14 de novembro de 2008 13:55
Oi, Não consigo mudar a imagem minha e do comentário, mas mudei a cor. Você pode me ajudar?
Nife 14 de novembro de 2008 16:57
e se tiver mais de um author .. como coloca a imagem do author, no meu blog tem 4 autores e um colaborador??
ese codigo ai ta diferente do meu a unica coisa que tem no meu codigo referente ao author é :
codigo isso aqui
Lander Costa 24 de novembro de 2008 12:47
Ahhhhh têm uma coisa vital que esqueci de mencionar!
Eu falei que só alterei a parte: Postagem abaixo incorporada, certo?
Mas o template que eu uso é o seu e já vem com este novo formulário acoplado!
Rafael Silveira 24 de novembro de 2008 14:36
Ótimo so não sei ainda se funcionou, pq meus comentários estão iguais oas que comentaram..
mais mesmo assim vlw!!
Rafael Silveira 28 de novembro de 2008 07:14
Juliana u estou com um probleminha no meu blog, quando alguma pessoa comenta, o comentario é postado duas vezes =/
Isso aconteceu depois que eu coloquei esse hack no meu template....
Melo 28 de dezembro de 2008 22:35
bom e como faço para retirar os icones padrão que ja vem direto com o template minima? ele fica mto feio junto com o icone personalizado ao lado do autor!
Anônimo 3 de janeiro de 2009 15:56
Eu tentei colocar uma imagem do lado dos comentário (dica n 1)...
Mas não apareceu nada, ficou igual antes??
O que eu posso estar fazendo de errado??
O código ficou igualzinho!!!!
Unknown 2 de fevereiro de 2009 19:58
Olá Juliana estou tentando colocar a imagem no meu comentario e está aparecendo este erro vc sabe o que venha ser : bX-iwjr3w
Anônimo 4 de fevereiro de 2009 14:05
Boa legal...
Anônimo 28 de fevereiro de 2009 23:57
Meu template é diferente,por isso que não consegui,mas pretendo mudá-lo em breve e incluirei estas alterações.
Charles 29 de março de 2009 09:55
Agradeço muito pela postagem,
o que me trouxe aqui foi por um fato intrigante.
Eu adicionei o código para destacar os comentários do autor.
Portanto, onde havia meu comentário, as páginas não apareciam.
O que há de errado.
Portanto, quando eu retirei o código, as páginas onde tinham meus comentários voltaram a aparecer.
WarezDesign 7 de abril de 2009 15:52
nossa, queria muito usar esse hack...
tentei instalar aqui, mas o template sempre acusa erro, acho q é pq ele é gringo.
vo tentar mudar pra utilizar!
vlww juliana!
Anônimo 11 de abril de 2009 13:47
Nossa, esses detalhes realmente dão um toque especial ao template.
Anônimo 15 de abril de 2009 20:02
Bruno 17 de abril de 2009 16:50
Obtive sucesso ao personalizar minha caixa de comentários, ótima dica.
Paulo Henrique Lima 2 de maio de 2009 16:59
Maravilhozamente perfeito!!!
ótimo post, irei organizar direitinho as postagens do blog!
Anônimo 3 de maio de 2009 01:29
Demorou, demorou, mechi aqui, mechi ali, mas acho que deu certo.
Mas eu gostaria mesmo de saber como se retira esses icones dos autores dos comentários (tipo esse icone do blogger que aparece de lado do comentário que eu posto na maioria dos blogs).
Artur Couto 7 de maio de 2009 12:53
Muito legal a dica, vou tentar em meu template...
João Moreira 13 de maio de 2009 21:43
Também não consegui retirar o Ícone "B" do autor do blog mas o que escolhi (Favicon personalizado graças ao Dicas!) aparece abaixo. Já reli refiz os passos e nada... Lá está o "B" Acima e o Personalizado abaixo...
Há diferenças nas linhas que tem atualmente meu "HTML" e o do exemplo... Minima - Douglas Bowman é o que uso.
Anônimo 2 de junho de 2009 16:41
Segui extamente o que estava escrito para destacar comentário do autor. O blogger aceitou os códigos, mas não mudou nada.
Ele diferencia comentários antigos também?
Lúcia do Carmo 3 de junho de 2009 16:34
Aconteceu comigo o mesmo que aconteceu com geralidadesdavida, aceitou os codigos, mas não abriu.
@CamilaMoraes 9 de junho de 2009 16:03
Ju, vc é a salvação do meu blog! ;o)
1.0 under construction 1 de julho de 2009 01:20
Olá muito bacana o post mas voce poderia me mostrar por que o meu blog nao aparece opções de comentarios.
www.casadomatte.blogspot.com
Admin 3 de agosto de 2009 21:59
vlwwwwwwwws
Rosi 6 de agosto de 2009 12:42
Não consigo colocar uma caixa de comentários no meu blog ... e quando consegui colocar um ele não funciona ... eu edito em html... achei um template num site e o modifiquei .. modifiquei apenas a figuras dele e tal ..
não consigo achar um código para colocar a caixa de comentarios do blogspot.. me ajude por favor !!
Anônimo 10 de agosto de 2009 17:24
Muito boa sua dica Juliana!
vou usar no meu blog e convido você a visitar!
Foi assim utilize partes dos seus templates para conseguir esse efeito ainda não está pronto.
lfb 12 de agosto de 2009 03:16
Sobre alterar o link do autor.
Quem baixa seus templates (no meu caso, o elegance) provavelmente já terá isso configurado.
Agulha3al 1 de setembro de 2009 19:26
Oiew Juliana, Esse foi um dos que tentei, quebrei a cabeça e não conseguir instalar no template song, eu queria pelo menos destacar os comentário do autor, na linha que os separa por exemplo ou na cor da fonte. como você faz aqui.Alguma sugestão? um abraço!
Detalhe: caso você faça essa alteração no template tem como ensinar?
Nade T. 1 de setembro de 2009 21:03
Por favor, responda-me dessa vez...
Uso o Template Blogger Writer 2 e estou tentando destacar os meus comentários alterando a cor da fonte, mas não estou encontrando as tags dl id='comments-block' e dl a que você se refere...
Juliana 1 de setembro de 2009 21:20
Agulha e Nade, vocês já experimentaram clicar em "expandir modelos de widgets"?
Agulha3al 3 de setembro de 2009 00:46
Expandi... gastei mas algumas horas tentando entender o código eu só queria destacar os comentários do autor, comecei as 22:10 e somente agora consegui fazer,dica para quem tem o templante song tem mais codigos nessa parte, se tirar e colar o outro código os comentários ficam "trepando", mas fiquei brigando até conseguir. insira a parte vermelha (testei em um blog de teste ate não errar), codigo CCS já estar lá, eu ficava colocando ele em areas diferentes e não aparecia nada, depois que eu achei foi só trocar a cor... valeu pela dica e fiquei feliz com meu esforço!
Agulha3al 3 de setembro de 2009 01:02
Pequena correção o codigo ccs não estava lá eu que engado colo]ei duas vezes... :(
Juliana 3 de setembro de 2009 07:09
Os templates do Dicas Blogger já vem com estes hacks instalados
Anônimo 10 de setembro de 2009 12:33
Juliana, mais uma vez arrasando nas dicas...sensacional!!!
Graças as suas dicas (e do Compulsivo) estou conseguindo montar o template que desejo...muito obrigado!!
Renato Trindade 20 de setembro de 2009 05:00
Aqui encontrei mais uma dica que estava procurando = alterar o link do autor. Tive um pouco de dificuldade para encontrar o trecho no Writer II, template que utilizo no meu blog. Encontrei data:comment.authorUrl e alterei para data:blog.homepageUrl. Funcionou para o link do meu nome (autor), mas não funciona para a miniatura do meu avatar. Hoje segui a sua dica 'Avatar nos comentários do Blogger'. Ficou 10! Mas infelizmente o avatar continua linkado ao meu perfil no blogger.
Muito obrigado! Abraços, Renato_ò/
Nanda 26 de setembro de 2009 17:32
Olá, quando inseri os codigos a minha lixeira sumiu, você tem alguma sugestão do que possa ter acontecido.
Não consigo excluir os comentários feitos depois que fiz a alteraçao, e eu tenho outra dúvida, queria mudar somente a cor da fonte dos comentarios do autor, assim como está no seu, como é possível?!
Matheus Henrique 4 de dezembro de 2009 18:30
Anna 12 de dezembro de 2009 17:08
Juliana, obrigada pela dica. Apliquei os 3 hacks com sucesso. :))
Anônimo 24 de dezembro de 2009 16:10
Muito boa dica vou usar no meu blog. Facilita a navegação dos leitores e deixa o blog mais bonito, principalmente para quem usa um de seus templates como eu.
Anônimo 11 de fevereiro de 2010 22:41
Puxa... você não sabe como procurei!!! E fui encontrar aqui rsrsr, deveria ter vindo direto né??
Ficou óteeeemo!
Espaço de Paz. 8 de março de 2010 16:51
Neem conseguii. :(
foi alguma coisa errada no html. o qe fazer?
Anônimo 18 de abril de 2010 10:17
consegui ficou lgal
-=|G¡äñ|=- 7 de maio de 2010 09:35
o Jú tem como trocar a caixa de comentarios, colocando uma igual do Wordepp press?
Adalgiza Coelho 11 de maio de 2010 17:18
Ariane, preciso da sua ajuda. Criei um blog para apenas divulgar meu livro e não coloquei a opção de "comentários", mas agora decidi escrever regularmente nele e quero colocar os "comentários" para os leitores darem opinião e não estou conseguindo, mesmo depois de ter alterado nas configurações do blog.
Me ajude, por favor!
http://livrosuamente.blogspot.com/
Hathubaly 23 de maio de 2010 18:42
Anônimo 8 de junho de 2010 16:17
muito bom esse post seu ai Juliana, gostei demais, vai ser mt util no meu site, te+ parabens...
Maysa Barroso 10 de junho de 2010 10:49
Meu icone não está ficando com fundo transparente, o que fazer?
http://esmalteseponto.blogspot.com
esmalteseponto@gmail.com
@esmalteseponto
@a_maysa
Nubia 10 de julho de 2010 14:01
Comigo simplesmente não funciona "/ Já fiz de tudo, já fucei em tudo, mas está dificil destacar comentários do autor :(
Tiago Henrique 8 de setembro de 2010 23:55
Sou novato no blogger e mesmo assim,depois de 10 minutos consegui colocar imagem nos comentarios...
Anônimo 22 de outubro de 2010 06:01
Gostaria muito de aplicar essa Caixa,
mas eu não estou conseguindo achar a parte do
CSS do meu html =/
Anônimo 25 de outubro de 2010 13:34
olá, gostaria de perguntar se há um modo de exigir apenas o e-mail para postar um comentário, como modificar as opcões de identificação de comentário que é tradicional do bloggger, aliás me identifiquei como anônimo por não haver a opção e-mail em "comentar como".
Por favor me responda pelo e-mail: liumonteiro-@hotmail.com
Tiago! 6 de novembro de 2010 23:02
Estou com dúvida. No meu modelo, o fundo e cinza e os comentários ficam sem fundo, e já que o texto é preto, não consigo ler direito. Já fiz de tudo para mudar e não consigo. Tem como você me ajudar. Meu blog é Baixa X.blogspot.com
Anônimo 30 de novembro de 2010 21:53
Não teria como usar um formulário de comentários no blogger, igual o wordpress? Quero dizer, um formulário de comentários com os campos "Nome (obrigatório)"; "Email (obrigatório) (não será publicado)" e "Website (opcional"?
Tem um exemplo com apenas o form em HTML que fiz, pra ter uma base, nesse link:
http://dl.dropbox.com/u/5378525/commentForm.html
Mas, não quero usar fomulários alternativos, como "IntenseDebate", "DISQUS" e outros do tipo. Alguma sugestão?
Anônimo 3 de dezembro de 2010 17:12
Você esqueçeu de mencionar uma única coisinha, para alguns blogs tem a precisão de expandir modelos de html ^^