Formulário de comentários embutido no Blogger

Nível: avançado

Atualmente, no Blogger, para um visitante ou o próprio autor deixar comentário, ele tem que abrir outra página, pop-up ou não, mesmo se ele já estiver na página do post. Mas com o Draft Blogger é possível embutir o formulário de comentários dentro do post, o que facilita a vida do leitor e incentiva-o ainda a mais a escrever sobre o que viu no seu blog.

Mais complicado é para quem já fez muitas alterações no template porque fica difícil descobrir onde colocar o código certo. Antes de começar, é bom você saber que o formulário de comentários embutido está em fase rascunho e, por enquanto…

• Não aparecem as fotos dos comentaristas.
• Não é possível visualizar o post antes de enviá-lo.

1. Entre com seu nome de usuário e senha do Blogger/Google no draft.blogger.com.
2. Escolha um blog a ser modificado (é melhor começar com um blog de testes) e clique em Configurações » Comentários.
3. Na opção Posição do formulário de comentários deve aparecer uma terceira alternativa que não existe no Blogger ainda: Postagem abaixo incorporada. Exatamente ela é que deve ser marcada.
   
   
   
   
4. Clique no botão Salvar Configurações. Em seguida abra o blog em outra aba e clique no link de comentários. Alguma diferença?
   1. Se você utiliza template clássico, essa ação vai gerar no seu blog a seguinte tag: <$BlogItemCreate$>. Então DEVE FUNCIONAR sem você precisar mudar mais nada, mas você poderá personalizar essa tag para melhorar o posicionamento dela e etc.
   2. Se você utiliza template do novo Blogger com modificações radicais nos widgets que se referem aos comentários, é bem provável que NÃO FUNCIONE se você for só até este passo. Se funcionar, seja feliz.
   3. Se você utiliza template do novo Blogger sem modificações radicais nos widgets que se referem aos comentários, é BEM PROVÁVEL QUE FUNCIONE se você for só até este passo. Se não funcionar, continuemos.
5. Vá agora para Layout » Editar HTML, é onde começa a parte bruta do serviço que exige uma certa dose de raciocínio para códigos e cia.
6. Procure por algo parecido com isto, sendo que as partes de texto com fundo destacado são as que REALMENTE não podem faltar no trecho, o resto pode ter sido personalizado por você e/ou por quem fez o template:
   <p class='comment-footer'>
   <b:if cond='data:post.allowComments'>
   <a expr:href='data:post.addCommentUrl'
   expr:onclick='data:post.addCommentOnclick'>
   <data:postCommentMsg/></a>
   </b:if></p>
7. Substitua o código supracitado pelo seguinte:
   <p class='comment-footer'>
   <b:if cond='data:post.embedCommentForm'>
   <b:include data='post' name='comment-form'/>
   <b:else/>
   <b:if cond='data:post.allowComments'>
   <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
   <data:postCommentMsg/></a>
   </b:if> </b:if> </p>
8. Agora procure o código:
   <b:include data='post' name='comments' />
9. Abaixo desse código cole o código abaixo:
   <b:include data='post' name='comment-form'/>
10. Tem que ficar assim, sendo que a parte em destaque é a que você acabou de colocar:
    <b:include data='post' name='comments' />
    <b:include data='post' name='comment-form'/>
11. Salve e teste. Se funcionar deixe um comentário aqui para comemorarmos juntos! Se não funcionar deixa um comentário aí para tentarmos descobrir o problema.

Descobri esse recurso no Usuário Compulsivo, mas o tutorial que está aqui e funcionou no meu blog é tradução do Blogger Buster.

Novidades sobre evoluções desse recurso devem ser publicadas no Blogger in Draft (inglês) e no Grupo de Ajuda do Blogger (português).

Fui para Trindade a pé e amei

Juro que procurei uma foto da basílica iluminada a noite, mas nada!

No último sábado fui pela primeira vez de Goiânia a Trindade a pé. Também foi a primeira vez que fui à cidade durante a Festa do Divino Pai Eterno, maior evento católico da Arquidiocese de Goiânia e um dos maiores do Centro-Oeste.

Endereços blogspot liberados

Tenho liberado muitos endereços blogspot ultimamente, mas alguns rendem bons nomes de blog:

• correiomania.blogspot.com
• frasedavez.blogspot.com
• kanetadigital.blogspot.com
• saladadigital.blogspot.com

O meu blog apareceu e estou muito feliz

Meu blog apareceu, pedi ajuda de várias formas, mas acho que foi graças ao Grupo de Ajuda do Google.

Não pretendo sair do Blogger, nem usar hospedagem paga, nem nada parecido.

Só pretendo cuidar melhor do meu cantinho e salvar os backups em lugar seguro (o que não inclui o meu próprio computador).

Podem voltar a assinar o feed!

Sumiu, sumiu, sumiu!

Minha pasta, com todos os meus arquivos, sumiu! Eu estava escrevendo um post perfeito sobre a festa de Trindade que também… sumiu. O leigo do meu irmão deve ter clicado em algumas dezenas de links "pega-trouxa" no orkut e etc. e nossa máquina está podre de infectada. Já sumiu meu blog, sumiu meu post, sumiu minha pasta. Esta máquina precisa de uma formatada básica.

As 37 siglas de diplomas do orkut

Você fica perdido ao preencher seu perfil profissional do orkut por não saber qual é a sigla que equivale ao seu diploma? Não se envergonhe, você não é o único e, além de algumas mais óbvias como MBA e PHD, não é obrigado a saber siglas baseadas nos organização acadêmica dos Estados Unidos e do Reino Unido, que é muito diferente da nossa.

Apesar desta lista ter 37 siglas, os significados se multiplicam, já que algumas se referem a distintos cursos.

Como personalizar o estilo dos comentários no Blogger

Este post é uma resposta a uma pergunta do Gama.

Caso você já utilize o novo novo Blogger, o código que delimita cada comentários do seu blog é o seguinte:

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

Sabendo disso, para personalizar o estilo dos comentário, mudando cor, fonte, borda e cia, basta você clicar em Layout » Editar HTML e, na folha de estilos do seu blog, editar e/ou acrescentar a classe comment-body.

Caso não saiba onde está a folha de estilos de seu blog, coloque o seguinte texto em destaque logo acima de ]]></b:skin>. Ficará assim:

.comment-body {background:#ccff00;border:olive 2px solid;font-family:trebuchet ms; font-style:italic;}
]]></b:skin>

Este é só um exemplo. Para deixar os comentários a seu gosto e combinando com seu site, utilize seus conhecimentos de CSS.

Para aprender a diferenciar os comentários do autor do blog dos demais, leia o tutorial do Usuário Compulsivo.

Chorando o desaparecimento repentino de um blog

Só para constar, estou chorando sem lágrimas, por dentro, com a firme esperança de que vai dar tudo certo.

Foi um susto, um grande susto. Eu estava aqui, feliz, satisfeita, fazendo algumas correções no post que havia publicado há poucos minutos, quando percebo a fatalidade. Como assim? Uma mensagem de erro? Volto à tela, clico novamente no botão Publicar Postagem e a mesma mensagem persiste. Tento então abrir em outras abas outras páginas das configurações do blog e… nada! A mesma mensagem de erro.

Tento então abrir a página inicial do blog em outra aba e a mensagem salta aos meus olhos. Blog não encontrado - Desculpe, o blog que você estava procurando não existe. Inexistente? Meu blog? O pior de tudo é que a mensagem oferecia o meu endereço de blog para ser registrado por mim e/ou por outra pessoa. Que brincadeira de mau gosto.

Impossível, acabei de publicar um post. Apressada acesso então o painel de controle do Blogger e não está fora do ar, ao contrário, aparecem no painel todos os meus blogs exceto… Onde está? Procuro, atualizo a página, volto, clico, mas não encontro. Helen Fernanda Ponto Com sumiu e não fez nem 5 minutos que ele esteve aqui.

Em um desespero silencioso, procuro o Help do Blogger, do Google… Deve ter um jeito de recuperar isso, afinal, até e-mail gratuito fica alguns meses disponível numa espécie de limbo para os casos de cancelamento por engano e/ou feito por um ladrão de senha. Não seria possível que um blog pudesse ser excluído definitivamente em apenas alguns segundos. Não seria? Seria!

Não, o Blogger não oferece esse recurso. Meu blog foi excluído de vez e meu endereço já está disponível para qualquer ladrão de audiência que queira registrá-lo. Vai saber quais eram as intenções de quem fez isso? O máximo que encontrei no site do Blogger foi um formulário de contato para não sei quem em não sei quanto tempo me dar uma resposta, talvez dizendo que meu blog nunca mais será recuperado.

Acho que tenho backup de boa parte dos posts, mas isso não inclui correções, comentários, etc. Ufa!

Ainda bem que estou em uma fase bem "di boa", como se diz aqui em Goiás. Estou tranqüila na minha vida profissional, acadêmica e estou lendo bastante (ler me faz bem "demais da conta"). Se esse desastre blogueiro fosse associado a uma fase down da minha vida, eu não sei do que seria capaz.

Melhor seria não passar por isso, mas a vida… Ih! Tô em dúvida sobre qual clichê eu uso:

A vida é uma caixinha de surpresas.

A vida é o que fazemos dela.

A vida é um trem do qual somos passageiros. (Aqui em Goiás e em Minas essa frase tem duplo sentido, já que aqui trem é uma palavra muito usada para designar qualquer coisa, qualquer coisa mesmo!)

A vida é como ela é.

A vida é um espetáculo do qual somos artistas.

A vida é uma questão, o amor é a resposta. (Padre Zezinho)

A vida é bela. (Esse filme me fez chorar.)

Daqui para baixo ficou mais cult porque eu colei da Wikiquote:

A vida não é motivo de riso. Mas, já imaginou ter de viver sem rir? (Leonid S. Sukhorukov)

A vida nos parece fácil, quando se trata da vida dos outros. (J. Normand)

A vida é aquilo que acontece enquanto fazemos planos para o futuro. (John Lennon)

A vida sem reflexão não merece ser vivida. (Sócrates)

A vida não é julgada pelo tempo mas pelas memórias dos momentos especiais. (Leonid S. Sukhorukov)

Para me auto-consolar tento lembrar também de momentos em que tive uma perda quase tão grave quanto essa. Em 2006 perdi minha monografia de conclusão de curso (TCC) e tive que fazer tudo outra vez. Mas acho que não chega nem perto porque meu blog eu escrevo há alguns anos e minha monografia não fazia nem quatro meses que eu estava escrevendo.

Deixei mensagem no fórum do Google sugerindo que, quando alguém deletar um blog, o dono receba um e-mail de confirmação e o blog só seja excluído após o clique no link desse e-mail. Sugeri também que um blog, ao ser excluído, apenas saia do ar e que só tenha seus arquivos apagados definitivamente depois de alguns meses, para o verdadeiro dono ter tempo de pegar de volta e publicá-lo, em caso de roubo de senha e cia.

Lembrei-me agora de uma piadinha que nós fazemos no trabalho:

­­­— E agora? O que eu faço para eu conseguir autenticar? Já liguei para o provedor e eles mandam eu ligar para vocês. Eu ligo e você me fala que o não há nenhum problema com o sinal. Tô me sentindo uma bolinha de ping-pong nessa história. Me diz o que eu tenho que fazer que eu faço! Eu quero que você me responda O QUE É QUE FAÇO para conseguir navegar!
­­­— Senhor Cliente, o Senhor sabe orar?
­­­— Sei, por quê?
­­­— Então se ajoelhe porque está na hora de praticar.

Acho que está na minha hora de praticar também.

Meu blog sumiu!

Meu blog sumiu! Até agora o motivo é desconhecido, mas já informei o Google e tenho esperança de que vai dar tudo certo.

Como colocar estrelas para classificarem seu posts do Blogger

Hoje comecei a experimentar no blog um recurso do Blogger em Rascunho que permite que os visitantes votem em cada post do blog, marcando entre uma e cinco estrelas. Bem simples e é uma maneira de saber a opinião daquele visitante que nâo tem tempo ou hábito de deixar comentário.

O Draft Blogger, como o próprio nome já diz, é um rascunho do que pode vir a ser o Blogger, então os recursos aparecem nele primeiro para os usuários testarem e para os desenvolvedores irem fazendo as correções necessárias antes de disponibilizarem a versão definitiva no Blogger.

No Draft já estão sendo experimentados vários outros recursos interessantes, o detalhe é que muitos deles exigem códigos específicos que não existem em templates que foram criados antes. Se você usa template antigo, veja como ativar esse recurso.

1. Entre no Draft e logue como se fosse no Blogger tradicional que você já conhece.
2. Escolha o blog que será configurado (se tiver algum blog de testes e/ou algum blog antigo que você não atualiza mais, é melhor começar por ele).
3. Vá até Layout » Elementos da página.
4. Clique no link Editar do elemento Postagens no blog.
5. Marque a opção Mostrar classificação de estrelas e Salve.
   Se o seu template for um template padrão do Blogger e você não fez modificações muito drásticas no código, é bem provável que só isso já seja suficiente para seu blog mostrar a classificação logo abaixo dos marcadores.
6. Se o seu template é personalizado e/ou se por algum motivo seu blog não exibir a classificação após os passos supracitados, vá agora para a página Configurações » Editar HTML.
7. Clique em Expandir modelos de widgets.
8. Clique em Baixar modelo completo e salve seu template. Se já estiver editando o seu blog verdadeiro nem pense em pular este passo.
9. Procure o seguinte código, sendo que a parte em destaque tem que ser idêntica, o resto do código pode ter sido editado anteriormente, então pode ser apenas parecido.
   <div class='post-body entry-content'>
   <data:post.body/>
   <div style='clear: both;'/> <!-- clear for photos floats -->
   </div>
10. Logo abaixo desse código, você vai colocar o código abaixo, sendo que as partes que não estão destacadas você pode editar se e somente se tiver absoluta certeza do que está fazendo:
    <div id='star-ratings'>
    <b:if cond='data:top.showStars'>
    <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
    </b:if>
    </div>
    Do jeito que eu coloquei aqui as estrelas ficarão imediatamente abaixo do texto para o leitor classificar o post assim que terminar de ler. Se não gostar da idéia e conhecer bem o código do seu blog, pode colocar em qualquer outro lugar dentro da parte do seu código que se refere aos posts. Com um pouco de CSS dá para colocar até no meio do texto.
11. Bem, por falar em CSS, chegou a hora de editar a ID do seu novo widget. A ID no CSS é opcional, mas será útil quando você precisar fazer outras personalizações nesse recurso: cores, fonte, bordas, alinhamento, etc. Para isso vá até a folha de estilos do código do seu blog e coloque o seguinte código em destaque. Se não sabe onde está a folha de estilos, coloque imediatamente antes de ]]></b:skin>. Ficará assim:
    #star-ratings {border:2px dotted #ccff00;text-align:center;color:black;}
    ]]></b:skin>

Funcionou? Então comente! Não funcionou? Então reclame!