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!

Inverta a ordem do texto na barra de título no novo Blogger

Por padrão, a barra de título da página do post no novo Blogger aparece mais ou menos assim:

Nome do blog: Título do post

Fuçando no arquivo do Usuário Compulsivo descobri que você pode inverter essa ordem. Para isso encontre o código do título do seu blog, que deve ser algo muito parecido com:

<title><data:blog.pageTitle/></title>

Apague e no lugar coloque:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> * <data:blog.title/></title>
</b:if>

O asterisco (*) pode ser substituído por qualquer outro símbolo ou até mesmo por texto: by, por, em, -, @, #, etc. O título dos posts do seu blog vai ficar assim:

Título do post * Nome do Blog

Se quiser que apareça só o título do post, sem o nome do blog, o código é simples também:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Essa dica não está exatamente como o Usuário Compulsivo ensinou, incrementei um pouquinho. O resultado é muito legal!

O Príncipe, Nicolau Maquiavel

Terminei de ler O Príncipe nesta minha última madrugada de insônia. Eu tinha lido esse livro na faculdade, mas me deu vontade de ler outra vez porque me lembrava muito pouco do que tinha lido. Ler novamente renderam mais algumas frases para minha coleção:

Se fosse possível mudar nossa natureza, para ajustá-la aos tempos e às circunstâncias, nossa sorte jamais mudaria.

Um príncipe que não seja sábio por si mesmo, não pode ser bem aconselhado.

As defesas que são boas e duráveis são aquelas que dependem somente de nós, do nosso próprio valor.

Os homens têm menos escrúpulos em ofender a alguém que se faça amar do que a quem se faça temer.

A prática de certas qualidades que parecem virtudes, acabam nos levando à ruína; e outras, que parecem vícios, nos trazem o aumento da segurança e do bem-estar.

As injúrias devem ser feitas todas de uma só vez, a fim de que, apouco degustados, ofendam menos. Os benefícios devem ser feitos aos poucos, para que sejam melhor apreciados.

É mais sabedoria ter a fama de miserável, que dá origem a uma infâmia sem ódio, do que ter a fama de voraz, o que causa tanta desgraça quanto ódio.

Os homens, em geral, julgam mais pelos olhos do que pelo tato, porque todos podem ver, mas poucos são capazes de sentir. Todos vêem o que nos aparentamos, poucos sentem aquilo que realmente somos; e esses poucos não se atrevem a opor-se à maioria que esta protegido pela majestade do Estado.

Existem três espécies de mente, uma que entende as coisas por si, a outra que discerne o que os outros entendem e a terceira que não entende nem por si nem por intermédio dos outros. A primeira excelente, a segunda muito boa e a terceira inútil.

Os homens esquecem mais rapidamente a morte do pai do que a perda do patrimônio.

Nicolau Maquiavel

Legal esse Nicolau Maquiavel. Ao contrário do que dizem, não acredito que ele fosse mau, apenas não era hipócrita. Ler O Príncipe me fez gostar da palavra maquiavélico, acho que sou maquiavélica também.

Como redirecionar e-mails

Atualizado dia 12/11/2020.

Alguns webmails oferecem o recurso de redirecionamento que permite que você receba as mensagens em outro endereço, sem ter que configurar o POP. Essa função é ideal para quem quer trocar aquele e-mail horroroso_da.silva-1234@qualquercoisa.com, mas tinha medo de perder as mensagens importantes e/ou preguiça de avisar pra todo mundo que trocou de endereço.

Programa Trainee Aché 2008

Pré-requisitos:

• Conclusão da graduação entre julho de 2006 e julho de 2008.
• Cursos: Administração, Bioquímica, Ciências Econômicas, Direito, Engenharias, Farmácia e Medicina.
• Desejável inglês fluente.
• Conhecimentos avançados de Pacote Office.
• Disponibilidade de participar das etapas presenciais do processo seletivo em Guarulhos/SP (custos por conta do candidato).
• Disponibilidade para viagens.

Seleção:

• 9 de junho a 9 de julho - Inscrições on-line.
• 1ª quinzena de julho - Análise qualitativa e quantitativa das fichas de inscrição.
• 1ª e 2ª quinzenas de julho - Testes on-line: Inglês e Raciocínio Lógico.
• 1ª quinzena de agosto - Laboratório de Competências.
• 1ª quinzena de agosto - Inventário Comportamental (não é uma etapa eliminatória, mas o preenchimento é obrigatório).
• 2ª quinzena de agosto - Painel Situacional.
• 1ª quinzena de setembro - Teste oral de Inglês.
• 1ª quinzena de setembro - Entrevistas Finais.
• 2ª quinzena de setembro - Exame Médico e Contratação.
• Outubro de 2008 - Início do programa para os selecionados.

Links:

• Site da empresa.
• Inscrições do Programa Trainee.
• Outras vagas do Aché.

Grupo Libra recebe inscrições para Trainee até dia 30 de junho

Pré-requisitos:

• Conclusão da graduação entre junho de 2006 e dezembro de 2008.
• Disponibilidade de residir em qualquer localidade de interesse da companhia.
• Inglês avançado.

O Programa:

• Duração de 18 meses.
• Responsabilidade real desde o primeiro dia de trabalho.
• Investimento em treinamento formal e on the job.
• Desenvolvimento de projeto.
• Avaliações ao término de cada rotação.

Áreas de atuação:

• Administrativo e Financeiro.
• Comercial.
• Jurídico.
• Operações.

A empresa oferece:

• Vagas nas cidades de São Paulo, Santos, Cubatão, Campinas, Rio de Janeiro e Manaus.
• Salário atrativo: R$ 4.000,00.
• Vale refeição ou refeitório na unidade.
• Vale transporte.
• Assistência médica.
• Assistência odontológica.
• Seguro de vida.

Seleção:

• Inscrições e testes on-line (maio/junho).
• Dinâmicas de grupo (a partir da 2ª quinzena de junho). Custo de deslocamento por conta do candidato.
• Painel de negócios e entrevista individual com os gestores da empresa (a partir da 2ª quinzena de julho). Custo de deslocamento por conta da empresa.
• Exame médico e admissão (julho/agosto).

Mais:

• Site do Grupo Libra.
• Informações sobre o programa.
• Inscrições para o programa Trainee.
• Cadastro de currículo para outras oportunidades no Grupo Libra.

Com você na minha cabeça

Com Você, Sandy & Júnior

Composição: Berry Gordy Jr. / Bob West / Hal Davis / Willie Hutch

Desde quando te encontrei
Já não pude te esquecer
Foi bom sonhar com você…

Eu queria te falar
Que é tão lindo acordar
Se eu sonhar com você…

Com você também senti
Que alguma coisa aqui dentro
Começou a mudar em mim
Só você me faz pensar
Em amor, em amar

É tão puro e frágil o meu coração
Nem ao menos sei o que é paixão
Quero aprender com você…

Quando eu sei que vou te encontrar
Imagino que vem me falar
Pra namorar com você…

Com você também senti
Que alguma coisa aqui dentro
Começou a mudar em mim
Só você me faz pensar
Em amor (em amor), em amar

É tão puro e frágil meu coração
Nem ao menos sei o que é paixão
Quero aprender com você…

Vou sonhar outra vez…
Com você, com você
Vou namorar com você.

Com você, com você
Vou namorar com você.
Eu vou namorar com você…

Por que esta música, uma das favoritas da minha adolescência, está na minha cabeça?

Como usar outros e-mails como remetente no Gmail

Atualizado dia 04/08/2015.

Helen, como você faz para enviar mensagens do Gmail, mas aparecer no remetente @helenfernanda, @ymail, @live…?

Como transformar seus marcadores do Blogger em retrancas

Nível: Avançado

Essa é para quem quer colocar um quê de Jornalismo em seu blog. Vou avisando que fica bom em blogs que usam apenas um marcador por post. Em blogs que usam vários marcadores cabe o bom-senso, mas acho que se não colocar uma fonte muito grande pode até ficar bom. Eu tive que fazer isso para usar no Plural Blog, porque eles usavam o campo de título para por a retranca e deixavam o título "a esmo" no campo de texto, o que, para indexação no Google, leitor de feed e etc., não é um bom negócio.

Neste exemplo, Blogosfera é um marcador exibido como retranca.

1. Já logado no Blogger, entre em Layout > Elementos de página e clique em Editar no retângulo que se refere a Postagens no blog.
2. Na pop-up que se abrirá, procure o ítem que se refere aos marcadores do blog (geralmente o sexto), marque-o. No campo de texto coloque a marcação que você quer que apareça antes da sua retranca e salve. Exemplos de caracteres:
   • :: [dois pontos duas vezes]
   • ¤ Alt 207
   • . [ponto]
   • ╬ [Alt 206]
   • | [barra vertical]
   • Ø [Alt 0216]
   • [espaço em branco - Alt 0160]
   • § [Alt 0167]
   • outros aqui
   Atenção! Se quiser que não haja nenhum texto antes da retranca, não deixe esse campo em branco, use Alt 0160 para inserir um caractere invisível. Se você deixar o campo sem nenhum caractere, o Blogger vai gerar um texto automático que é Marcadores:.
   
   
   
   
3. Agora vá para a página Layout > Editar HTML e clique em Expandir modelos de widgets.
4. Clique em Baixar modelo completo e salve o seu template atual em algum lugar seguro para o caso de você fazer besteira (muito comum quando não se tem familiaridade com o código do novo Blogger).
5. Procure o texto data:post.labels. Se estiver no Firefox, use CTRL F. Se você usa Internet Explorer, você tem três opções:
   1. Fazer download do Firefox.
   2. Procurar no olhômetro.
   3. Copiar o código e colar em algum editor (até o Bloco de Notas serve) para modificá-lo lá primeiro antes de trazer de volta para o Blogger.
6. Se você ainda não tiver feito mudanças radicais nos marcadores do seu blog, o código que se refere a eles será algo muito parecido com o que está na caixa de texto abaixo:
   <p class='post-footer-line'><span class='post-labels'> <b:if cond='data:post.labels'> <data:postlabelslabel/> <b:loop values='data:post.labels' var='label'> <a href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast'>,</b:if> </b:loop> </b:if> </span> </p>
   Encontrou? Então apague, a não ser que você queira que os marcadores apareçam duas vezes em cada post: no começo e no final.
7. Procure agora pelo texto data:post.id que fica bem no início do post. Cole o seu novo código de retrancas exatamente abaixo da tag:
   <a name='data:post.id' />
   Seu novo código:
   <h4 class='post-labels'>
   <b:if cond='data:post.labels'><data:postlabelslabel/> <b:loop values='data:post.labels' var='label'>
   <a href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast'></b:if>
   </b:loop> </b:if> </h4>
8. Beleza! A parte bruta foi feita. Agora é só editar sua retranca para deixá-la com melhor aparência. Observe que a tag de marcadores utiliza, por padrão, a classe post-labels. Sendo assim, procure na folha de estilos do seu código por .post-labels, caso o seu template não tenha, crie.
9. Se você não sabe onde está a folha de estilos do seu blog, cole o código abaixo imediatamente antes da parte do código que diz ]]></b:skin>.
   h4 .post-labels {font-size:15px; color:#999999;text-indent:-7px;}
   h4 .post-labels a {text-decoration:none;color:black;}
   h4 .post-labels a:hover {color:#cc0000;}
   h4 .post-labels a:visited {color:black;}
10. Utilize seu conhecimento de CSS para editar sua retranca. O atributo text-indent:-7px; serve para quando você insere caractere invisível antes da retranca. Se você usa um caractere visível, tire esse atributo.

[Indisponível] Você já tem ymail?

Agora, além dos tradicionais endereços @yahoo, os usuários do portal têm mais duas opções de domínio para escolher: