Template Gourmet

Este é mais um template temático, desta vez voltado aos blogs de culinária. A customização foi feita usando o mesmo layout do Template Pet.

O Template Gourmet possui 1 coluna à direita, 3 blocos para gadgets no rodapé e todos os ícones seguem o tema do modelo. As fontes e cores são personalizáveis.

Demonstração – Download – Licença

RECURSOS INSTALADOS Posts Relacionados Retirada da Navbar Jump break e hack leia mais Personalização dos ícones de navegação Favicon Avatar nos comentários Citação em bloco personalizada Botão para redes sociais

CARACTERÍSTICAS Cores e fontes personalizáveis Compatível com qualquer navegador que esteja devidamente atualizado. Template temático 1 coluna à direita 3 blocos no rodapé Nome do seu blog no rodapé (auto) CSS otimizado Diversos hacks instalados

Modo de Usar – Instruções comuns a todos os templates

Leia atentamente as instruções a seguir, onde explico detalhadamente como instalar os templates, bem como realizar algumas modificações básicas:

• Instruções para uso dos templates do Dicas Blogger

Instruções Específicas para o Template Gourmet

Alterando a imagem de exibição

Se você quiser mudar a imagem que fica ao lado do cabeçalho (neste caso é de um chef de cozinha), entre no HTML do template e procure por:

<div id='imagem'>
<img alt='' src='http://lh5.ggpht.com/_mcq01yDJ2uY/TGlUrlxRLSI/AAAAAAAADCw/hiKVSnCB588/22.png'/>
</div>

Escolha ou crie uma imagem do tamanho 256 x 256 px com fundo transparente e em formato .png. Faça o upload no Picasa ou em outro serviço de sua preferência, copie o endereço da nova imagem e cole na parte em azul do código.

Ajustando a posição da imagem

Para ajustar o posicionamento da imagem (topo e direita), procure por:

#imagem {
padding-right:35px;
position:absolute;
right:0;
top:0px;
}

©Template by Dicas Blogger – alguns direitos reservados. Não retire os créditos.

Template Pet

Trata-se de um layout temático, para quem curte animais de estimação. O Template Pet tem 1 coluna à direita, 3 blocos no rodapé e um espaço para inserir imagens de acordo com o assunto do blog. Fontes e cores 100% personalizáveis.

Demonstração – Download – Licença

RECURSOS INSTALADOS Posts Relacionados Retirada da Navbar Jump break e hack leia mais Personalização dos ícones de navegação Favicon Avatar nos comentários Citação em bloco personalizada Botão para redes sociais

CARACTERÍSTICAS Cores e fontes personalizáveis Compatível com qualquer navegador que esteja devidamente atualizado. Template temático 1 coluna à direita 3 blocos no rodapé Nome do seu blog no rodapé (auto) CSS otimizado Diversos hacks instalados

Leia atentamente as instruções a seguir, onde explico detalhadamente como instalar os templates, bem como realizar algumas modificações básicas:

• Instruções para uso dos templates do Dicas Blogger

Instruções Específicas para o Template Pet

Alterando a imagem de exibição

Se você quiser mudar a imagem que aparece ao lado do cabeçalho (que neste caso, é um cãozinho), entre no HTML do template e procure por:

<div id='imagem'>
<img alt='' src='http://lh4.ggpht.com/_mcq01yDJ2uY/TGgeorYJfbI/AAAAAAAADA8/QHBfsyY8eR4/dog-icon.png'/>
</div>

Escolha ou crie uma imagem do tamanho 256 x 256 px com fundo transparente e em formato .png. Faça o upload no Picasa ou em outro serviço de sua preferência, copie o endereço da nova imagem e cole na parte em azul do código acima.

©Template by Dicas Blogger – alguns direitos reservados. Não retire os créditos.

Muita gente tem me perguntado porquê estou lançando tantos templates ultimamente. Bom, eu tenho dois motivos: o primeiro é que precisei refazer os antigos templates, pois os códigos e hacks estavam obsoletos. O segundo motivo é que estou estudando webdesign e preciso praticar o que estou aprendendo ;)

Como colocar o Tweet Button no Blogger

O Twitter acaba de lançar seu botão oficial de tweets – o Tweet Button. Semelhante ao Topsy e ao TweetMeme, o botão permite que os visitantes de um blog enviem um post para o Twitter, bem como contabiliza o número total de tweets e RTs.

Para obter o código do Tweet Button, faça o login no Twitter e acesse este link: http://twitter.com/goodies/tweetbutton. O código aparecerá embaixo, à direita:

Como colocar o Tweet Button no Blogger

O processo é idêntico ao do Topsy e ao do TweetMeme. Que já usa um dos dois, deve apenas substituir o código antigo pelo do Tweet Button.

• Entre em design>editar html>expandir modelos de widgets.
• Procure pelo código do TweetMeme ou do Topsy.
• Passe o mouse sobre o código antigo e cole o novo.

Dica: dê um Ctrl+F no teclado e digite tweetmeme ou topsy para encontrar o código.

Quem vai usar o botão pela primeira vez, deve seguir este tutorial:

• TweetMeme- Inserindo botão de Retweet no Blogger

No tutorial existem diversos códigos, que variam de acordo com o local de inserção do botão (embaixo do post, entre o título e a postagem e etc). Onde estiver escrito “CÓDIGO DO TWEET MEME ” , apague e cole o código do Tweet Button.

Como exemplo, vamos usar o código para colocar o botão junto com um anúncio:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<table

style="border: 1px solid rgb(255, 255, 255); background:rgb(255, 255, 255);text-align: left; width: 100%;" cellpadding="2" cellspacing="2 ">

<tbody>

<tr>

<td valign="undefined" align="left">CÓDIGO DO TWEET MEME </td>

<td valign="undefined" align="undefined"> CÓDIGO DO ANÚNCIO </td>

</tr>

</tbody>

</table> </b:if>

Vejam como ficou aqui no Dicas Blogger:

Só espero que o botãozinho não seja amigo da baleia Fail Whale, né?

ATUALIZAÇÃO

Já que algumas pessoas estão me perguntando como mudar o lado de exibição do botão, peço-lhes que acessem os seguintes posts:

1. Botones oficiales de Twitter - El Escaparate de Rosa
2. Oficial Twitter Share Button - Blogger Widgets
   

http://twitter.com/dicas_blogger

Problemas com os gadgets “pesquisa” e “slides”

No blog oficial KNOWN ISSUES FOR BLOGGER, encontrei uma pequena nota informando que os gadgets caixa de pesquisa e apresentação de slides não estão funcionando corretamente.
A equipe do Blogger já está ciente e trabalhando para consertar o problema.

Como funciona o anti-spam do Blogger

O processo de implantação do anti-spam do Blogger está um pouco lento. Nenhum dos meus blogs ativos possuem a detecção automática ainda e muitos dos meus seguidores  no Twitter encontram-se na mesma situação. Por sorte, encontrei o novo recurso em um dos meus blogs de testes. Já é um começo…
Logo na entrada do painel, me deparei com a seguinte mensagem:


No blog de testes, apareceu o link comentários logo após editar postagens:

Clicando no link comentários, fui direcionada para esta página:

A guia comentários está dividida em 3 abas:

• publicados: onde ficam armazenados os comentários que já foram publicados
• aguardando moderação: onde ficam os comentários que passarão pela moderação
• spam: onde ficam os comentários detectados como spam (pelo sistema ou por nós)

Em blogs que não usam o sistema de moderação, só irão aparecer 2 abas.
Cada uma das 3 abas são divididas em botões, para que possamos escolher as ações.
Botões da aba “publicados”: spam, excluir, remover conteúdo

Botões da aba “aguardando moderação”: publicar, spam, excluir

Botões da aba spam: excluir, não é spam

Fiz um pequeno teste e enviei um comentário para o spam. Daí, pra desfazer a ação foi só clicar no botão não é spam. Nisto o comentário foi automaticamente publicado. Para apagá-lo, voltei à aba publicados e cliquei em remover conteúdo.
O Blogger deu um grande passo rumo a um sistema de comentários mais eficiente.
Adeus trollzinhos! Spam ever procês, tá :P o/ o/ bye bye o/

Festa em comemoração aos 11 anos do Blogger!

No dia 23 de agosto, o Blogger irá completar 11 anos de existência e a grande festa está agendada para acontecer no dia 31/8 - que também é o Dia do Blog   (BlogDay) e, coincidentemente, aniversário do Dicas Blogger :)
Festa, como assim? Pois é… A equipe do Blogger está incentivando uma festa global - organizada por nós usuários – com direito a um pacotão de download, incluindo: confecções de chapéus de festas, crachás e placas de sinalização.

Vocês podem obter maiores detalhes sobre a festa no fórum do Blogger:
Festa de Aniversário de 11 anos do Blogger

Vamos mantê-la bem simples - nós definimos a data, e vocês definem as festas. O Meetup Everywhere (em Inglês) irá ajudá-los a facilitar tudo para a sua festa (gratuitamente!). Através desta fantástica ferramenta, o Meetup Everywhere, você conseguirá encontrar outros blogueiros em sua área e poderá tanto participar de uma festa que já foi definida, como iniciar uma nova festa local para você. O objetivo é marcar encontros, conversar sobre blogs, comemorar com os seus amigos ou então somente encontrarmo-nos online. Além disso, nós estaremos fornecendo para cada festa um pacote de download, incluindo confecções de chapéus de festas, crachás e placas de sinalização. E, quem sabe, até poderá haver outras surpresas ;) (por Camila Fitz)

Eu já estou indo encomendar o bolo, o guaraná, os salgadinhos e os balões ;)

Congratulations, my dear Blogger!

Que tal se, no dia 31, todos nós colocássemos o logo do Blogger como  avatar no Twitter? É uma forma de festejarmos juntos, apesar das distâncias #bloggerfiesta

Blogger implementa anti-spam nos comentários

Começou!!!! A equipe do Blogger anunciou no blog Blogger Buzz, que está implementando  o filtro anti-spam do Google no sistema de comentários do Blogger. Além disso, foi criado uma caixa de entrada (inbox) onde aparecerão todos os comentários do blog, com a possibilidade de remoção e de filtragem imediatas.

New Comments System on Blogger

Tal recurso ainda não está disponível para todos os blogs e contas. Aguardem.
Assim que estiver disponível para mim, farei um post mais caprichado.
Imagens: Blogger Buzz