Veja quantos +1 seus posts receberam direto no painel do Blogger

O Blogger está ficando cada vez mais integrado com o Google+. A novidade mais recente foi anunciada pelo Blogger Buzz ontem (24/01) e é a possibilidade de vermos quantos +1 tivemos em cada um de nossos posts diretamente pelo painel do Blogger.

Se você não sabe o que é o botão +1, veja a definição do próprio google:

Clique no botão +1 para mostrar publicamente sua aprovação sobre algo. Em seguida, se quiser compartilhar, adicione um comentário e envie-o para seus círculos no Google+.
Na próxima vez que seus amigos e contatos pesquisarem no Google, eles poderão ver seu +1. Você os ajudará a encontrar o que há de melhor na web e ainda poderá iniciar outra conversa. [fonte]

O novo recurso será ativado automaticamente para todos os blogs do Blogger. Para ver quantos +1 cada post seu recebeu basta acessar no Painel do Blogger, no menu Postagens, ao lado do título de cada post podemos ver quantos +1ele recebeu. Veja na imagem abaixo.

Clique na imagem para ampliar

Para ter acesso ao novo recurso é importante que o seu blog tenha o botão +1 nas suas postagens. Para ativá-lo acesse no Painel do Blogger, na guia Layout, clique em Editar no elemento Postagens no blog, marque a opção Mostrar botões de compartilhamento e salve as configurações.

Esperamos que o Blogger continue inovando sempre em recursos como este.

Como hospedar arquivos no Google Sites

Como até hoje o Blogger não disponibilizou um serviço de hospedagem de arquivos, continuamos nos utilizando de serviços externos para esse fim. Hoje notei que o hack “Páginas Numeradas” havia parado de funcionar, pois o site onde estava hospedado o javascript foi tirado do ar. Então lá fui eu tentar outra opção e consegui hospedá-lo no Google Sites. E pelo que notei, é possível hospedar qualquer tipo de arquivo, incluindo templates, imagens, pdf, DOC e etc.

Entre no Google Sites usando sua conta do Google. Provavelmente você já irá encontrar um site com o nome da sua conta. Se não enContrar, crie um site.

Clique no site e na página seguinte, no alto à direita, clique em “nova página”

Dê um nome a essa página e, em modelo,  escolha “arquivo”. Em local, escolha “colocar página como nível superior”. Clique em “criar”

Na página seguinte, clique em “adicionar arquivo”. Procure o arquivo e faça o upload.

Seu arquivo irá aparecer numa espécie de pasta, com 1 link para download.

No caso de hospedagem de javascript para usar no Blogger

Clique com o botão direito do mouse e copie o link. Ele irá aparecer assim:

https://sites.google.com/site/arquivosdicasblogger/javascripts/page-nav.js?attredirects=0&d=1

Cole no html a parte que está em amarelo, ou seja, até a extensão .js

Problemas com novo sistema de comentários do Blogger

Após implantarmos a novidade de ativar respostas aos comentários, observamos que alguns de nossos leitores passaram a ter problemas ao abrir os posts do blog, como é o exemplo da leitora Villarte. Ao carregar a página do post, o leitor era direcionado até o final da página, o que, com toda certeza, é completamente desagradável.

Este problema, ao que tudo indica, está limitado ao navegador Firefox, onde a instabilidade foi identificada. Fizemos testes nos demais navegadores e o problema não se repetiu.

Considerando que praticamente 30% dos nossos leitores são usuários do firefox,  nossa "chefa" decidiu desativar a novidade até que a funcionalidade fique estável. Assim, os comentários permanecerão como  configurados anteriormente.

Ativar resposta aos comentários em nossos templates

O Teilor fez um post excelente sobre a novidade tão aguardada – resposta aos comentário no Blogger. Eu usei o tutorial do Mundo Blogger e deu certinho;  só que nos templates que eu faço,  o código a ser modificado é um pouco diferente. Tentei postar via comentário no próprio post do Teilor, mas não deu certo. Então, resolvi fazer este post, complementando o anterior.

Para quem usa os templates by Dicas Blogger

Entre em editar HTML e marque “expandir modelos de widgets”

Dê um Crtl+F com o teclado e procure por:

<b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>

Substitua tudo por:

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>

Visualize e salve. Veja como ficou no Dicas Blogger:

Fonte: Mundo Blogger

Novidade: respostas nos comentários do Blogger

Um dos recursos mais pedidos pelos usuários do Blogger foi finalmente implementado: a possibilidade de responder comentários nativamente. Veja o anúncio oficial no Blogger Buzz [em inglês].

Anteriormente, apenas era possível responder comentários usando alguns hacks ou substituindo o sistema nativo de comentários do Blogger por um sistema de comentários de terceiros, como por exemplo o Disqus ou IntenseDebate. Ter a opção de responder comentários adiciona um nível muito maior de interatividade e permite ao blogueiro manter uma conversa com seus leitores de maneira mais organizada dividindo diferentes discussões cada uma em sua thread.

Caso você use alguns dos templates oferecidos pelo Blogger, para ter a resposta a comentários no seu blog; basta você ter certeza de que seu blog disponibiliza feeds completos. Para verificar se você permite feeds completos acesse as Configurações do seu blog, na opção Outro no campo Permitir feed de blog e escolha a opção Completa.

Depois, ainda nas Configurações do seu blog, acesse a guia Postagens e comentários e verifique no campo Local do comentário esteja selecionada a opção Incorporado.

Caso as configurações citadas acima estejam habilitadas no seu blog e mesmo assim não aparecerem os links para respostas nos comentários é provável que você esteja usando um template personalizado ou com muitas modificações que impedem o funcionamento desta nova possibilidade.

Neste caso recomendo que você dê uma lida nos artigos Ativar opção Responder Comentário padrão do Blogger, no blog Mundo Blogger ou em Como habilitar os Threaded Comments em templates CUSTOMIZADOS no CrazySeaWolf’ Blog; ambos ensinam como usar o novo recurso em blogs com templates personalizados.

Recomendo ainda que você dê uma no artigo Resposta à comentários na Central de Ajuda do Blogger.

Check list para otimizar seu blog

Já escrevi aqui, em outras ocasiões, diversos artigos sobre a importância do layout e do template de um blog; tanto no que se refere à usabilidade, quanto a estética. Um blog onde as principais informações estão acessíveis, faz com que o visitante fique nele por mais tempo, aumentando as visualizações de páginas e diminuindo a taxa de rejeição. É também, através do template, que cuidamos das táticas de SEO, a fim de que o blog seja bem indexado junto aos mecanismso de busca.

• Cuidados com o layout do seu blog
• Como atrair visitantes para o seu blog – parte l

Sendo assim, elaborei uma check-list com os ítens que não podem faltar em um template, tanto na parte externa, quanto interna (HTML). Esses são os ítens que utilizo em meus blogs e de meus clientes.

No HTML do template

Antes de mais nada, quero lembrar que mudanças no HTML podem causar problemas para quem não tem habilidade. Recomendo a criação de um blog de testes para aprendizado, sem correr o risco de causar danos a seu blog.

Seja um template do Blogger ou um criado pelos usuários, é essencial que o HTML e o CSS estejam organizados. Portanto, escolha bem que template usar em seu blog.

• Opções de templates para Blogger
• Como mudar o template do Blogger

Uma vez escolhido o template, comece otimizando as metatags

• Otimizando seu blog com meta tags

Inclua agora os seguintes itens:

• Linkwithin - posts relacionados com imagens
• Botões para compartilhar posts nas redes sociais
• Convite para assinar RSS dentro dos posts
• Anúncios, se for o caso

Essa é a lista básica para otimizações dentro do HTML. Para outras funções, acesse o marcador Template/Layout

Nos elementos de página (gadgets)

Estes são os gadgets que não podem faltar em um blog:

Feed Burner

Recomendo queimar o feed, fazer a configuração no Blogger e usar 2 gadgets: feeds por email e o contador de assinantes

• Como usar e configurar o FeedBurner

Contador de estatísticas

Recomendo o uso de pelo menos um, em especial o Google Analytics

• Como colocar o Google Analytics no Blogger
• Whos–o melhor contador online para seu blog
• Como colocar o contador Histats no Blogger

Tradutor

Imprescindível para os visitantes de fora do Brasil

• Translator Widget - um novo tradutor para blogs

Caixa de busca/pesquisa

Possibilita que o visitante busque outros artigos de seu interesse.

• Como colocar busca do Google no Blogger

Artigos Recentes

Mostra os últimos posts, convidando o visitante a conhecer o blog mais profundamente.

• Widget-Posts Recentes

Marcadores

Mostra uma espécie de índice de posts por tema. Além de organizar, também mantém o leitor mais tempo no blog.

• Como inserir marcadores nos posts
• Como colocar várias nuvens de tags no Blogger

Arquivo do Blog

Mostra todos os posts do blog, separados por data

Você pode incluir o gadget do próprio Blogger e/ou criar um sitemap

Seguidores

Este é o gadget que possibilita que o leitor “siga” o blog, ou seja, que receba suas atualizações diretamente no painel do Blogger

• Como usar o gadget seguidores do Blogspot

Banner para divulgação do blog

Possibilita que o visitante insira no blog dele, um banner divulgando o seu blog.

• Caixinhas para divulgar os banners do seu blog

Outras funções importantes

Ativar versão mobile

Com o avanço constante dos smartphones, é altamente recomendável ativar a versão mobile de seu blog

• Versão mobile oficial no Blogger in Draft

Configurar os comentários

Recomendo a moderação dos comentário sempre.

• Como configurar os comentários no Blogger

Usar domínio próprio

Não é essencial, mas confere um ar mais profissional.

• Como mudar o domínio no Blogger

Configurar Google Webmaster Tools

Mais uma boa tática de SEO.

• Google Webmaster Tools
• Como enviar sitemaps ao Google Webmaster

Habilitar o Favicon

Puramente por estética ;)

• Opção nativa de favicon personalizado no Blogger

Eu ando meio enferrujada (risos), então se eu esqueci de algo, gritem.

Contador de usuários online do Analytics

O serviço de estatísticas Google Analytics, também está com uma nova interface e me pareceu muio superior à anterior. Uma das novas funções que me chamou a atenção, foi a possibilidade de sabermos quantos usuários estão online em nosso blog em tempo real. Para acessar esta importante informação, entre no painel do Analytics, escolha o blog que será visualizado e clique em “página inicial”. Na coluna da esquerda, clique em “tempo real (beta)” e depois em “visão geral”.

O que eu notei, é que tais dados não estão em consonância com outros contadores online que utilizo. Por exemplo, enquanto o Analytics mostrava 30 online, o Histats mostrava 55 e o Whos mostrava 60. Desconheço a causa dessa diferença.

Como voltar ao antigo Blogger

A nova interface do Blogger é bonita, mas não me pareceu tão funcional quanto à anterior. Eu, particularmente, ainda estou usando a antiga versão do Blogger e tentando me acostumar com a nova, aos poucos. Para quem não sabe, é bastante simples voltar ao antigo Blogger.

Entre no painel do Blogger, clique sobre o ícone que fica ao lado do idioma. Aparecerá um menu. Clique em “interface antiga do Blogger”

E, por fim, para retornar à nova interface do Blogger, clique em “experimente a interface atualizada do Blogger”

Em breve, faremos uma série de posts ensinando a usar a nova interface.

Equipe Dicas Blogger 2012

É com grande satisfação que venho apresentar a equipe que me auxiliará a manter o Dicas Blogger sempre atualizado. Aproveito o ensejo para agradecer as manifestações de carinho referente ao último post.

Da equipe do ano passado, vamos contar com a presença do Luan, Teilor e JV e os novos colaboradores são a Priscila e o Leo. A seguir, um resumo sobre cada um deles.

JV - É um dentista brasileiro foragido em terras portuguesas. Possui tantos blogs, que acabou criando a Fundação JV, cujo carro-chefe é o Blog do Dentista. É um dos poucos caras que conheço que realmente ganha dinheiro com blogs e por isso mesmo que o JV continuará escrevendo, especialmente, sobre monetização de blogs, compartilhando conosco seus profundos conhecimentos sobre esse e outros temas bloguísticos.

Luan Felipe - O Luan é nosso especialista em Wordpress. É o mascote do Twitter; nosso "muleke". No ano passado atingiu a maioridade, passou no vestibular de biomedicina e já até usa jaleco branco. É dono do Bloggers e nas horas vagas grava vídeos bizarros e envia para o YouTube. Perdeu a chance de fazer um viral gravando o sucesso Pintinho Piu. Não é segredo para ninguém que o Luan é meu afilhado :P

Teilor - Este é um dos caras que mais entendem de Blogger em terras tupiniquins, mas ele jamais concordará com isso porque é tímido e modesto demais. É Top Colaborador (TC) do Blogger há muitos anos e está sempre disponível para auxiliar os usuários dessa plataforma tão querida. É autor do Teilor's Blog. Como ele mesmo se definiu, é "um doce de pessoa".

Priscila - A Priscila é uma das nossas novas colaboradoras.  É a autora dos blogs Priscila Fago e Papo Poltrona. Formada em teologia e administração de empresas, é nerd, apaixonada por informática, fotografia e blogs. Ficará responsável, principalmente,  pelos tutoriais para iniciantes. Seu sonho é ser a dama da Blogosfera. Tô pensando no seu caso :)

Leo Augusto - Dentista, residente na capital das Minas Gerais, professor, Mestre Jedi e sub-celebridade. É dono de vários blogs no Blogger, sendo o principal deles o OrtoBlog. Me disse que irá escrever sobre qualquer coisa e adorei a idéia. Com tantos blogs, certamente terá muita coisa para compartilhar com vocês.

Juliana - E, por fim, esta que vos escreve. Sou a  fundadora deste blog.Tenho 41 anos, sou médica psiquiatra, mas dizem que sou a Dama da Blogosfera. Acho esse título engraçado, mas muito carinhoso. Também sou TC do fórum oficial do Blogger, adoro tecnologia, internet, blogs e minha mais nova paixão é tudo que está relacionado ao sistema Android (talvez surja mais um blog daí...). Maiores detalhes, aqui.



Quero dar as boas-vindas ao Leo e à Priscila e desejar muito sucesso a todos.
Mãos á obra, rapaziada o/

Estamos voltando

Olá queridos leitores

Depois de um ano bastante conturbado e de poucas postagens, venho anunciar que - em breve - o Dicas Blogger voltará a ser atualizado e com uma nova equipe de autores e moderadores.
Desejo a todos um feliz 2012!
Abraços, Juliana

Como aumentar privacidade no Facebook

A onda do Orkut passou e me parece que o Twitter está indo pro mesmo caminho. Os leitores geeks sabem do que estou falando ;)

A moda agora entre os internautas “descolados” é o Facebook. E uma das melhores coisas que o Face oferece é a possibilidade de personalizar de forma refinada a privacidade do usuário. Lá você só vai ter que interagir com qualquer pessoa, se quiser. Ao contrário do Twitter, onde por mais que se feche um perfil, ainda se recebe menções ofensivas, agressivas, ou – no meu caso - repletas de perguntas sobre Blogger/Twitter/WP/FB/Firefox/Google e sabe-se lá mais o que, no Facebook isso não precisa acontecer. Basta saber usar as configurações de privacidade.

Sim, as redes sociais foram feitas para se interagir, conhecer pessoas e etc. Mas, assim como aqui fora, nem todo mundo sabe brincar e cabe a cada um de nós escolher com quem deseja ou não fazer amizades e contatos.

Para acessar as configurações de privacidade do Facebook, clique em conta e depois em configurações de privacidade:

Aparecerá esta página, com duas formas diferentes de configurações:

Em Conexões no Facebook, clique em Ver configurações (1). Preste bastante atenção nas opções e vá escolhendo suas conexões de acordo com sua necessidade.

Após fazer suas escolhas, clique no botão visualizar meu perfil, para saber como que seu perfil irá aparecer pra quem não é seu amigo no Facebook. Também é possível digitar o nome de alguma pessoa específica e fazer uma simulação.

Clique agora em retornar às configurações de privacidade. Em Compartilhando no Facebook, clique em personalizar configurações

Da mesma forma, leia cada item e vá escolhendo suas próprias configurações.

Algumas atalhos que podem ser muito úteis

Bloquear mensagens de estranhos

configurações de privacidade>conexões do facebook>enviar mensagens>somente amigos

Não mostrar sua lista de amigos a todos

configurações de privacidade>conexões do facebook>ver sua lista de amigos>somente amigos

Não mostrar status de relacionamento a todos

configurações de privacidade>personalizar configurações>relacionamentos>somente amigos

Não permitir que estranhos comentem em seu mural

configurações de privacidade>personalizar configurações>permissões para comentar em suas publicações >somente amigos

Também é possível excluir amigos e bloquear usuários

Para excluir um amigo, clique sobre o nome dele e procure por excluir amigo. Essa opção fica logo embaixo da lista de amigos de cada perfil.

Para bloquer alguém, escolha bloquear esta pessoa.

Caso você mude de idéia e queira desbloquear alguém, entre em configurações de privacidade e procure por listas de bloqueio. Clique em editar lista e procure pela pessoa a ser desbloqueada.

Com relação às fotos, também é possível escolhermos quais amigos ou grupos poderão ter acesso a cada álbum. Clique sobre um determinado álbum e procure por Editar álbum. Em privacidade, escolha personalizado. Escolha então os grupos ou pessoas para quem o álbum deverá ficar visível ou não.

Melhor do que isso, só não entrando em redes sociais, né? Abraços a todos!

ATENÇÃO: A forma de configurar a privacidade no Facebook, mudou. Veja este artigo:

Dicas de segurança: como ter mais privacidade no novo Facebook

Outro blog ja esta hospedado neste endereço

Um problema relativamente comum, quando se vai configurar um domínio próprio no painel do Blogger, é receber a mensagem “Outro blog já está hospedado nesse endereço”. Existem diversos motivos para que isso aconteça.
Antes de mais nada, o usuário deve verificar se fez corretamente as configurações DNS no serviço onde comprou o domínio:

• Como faço para usar um nome de domínio personalizado em meu blog? – Ajuda Blogger
• Como registrar e configurar um domínio no Uol Host - Dicas Blogger
• Domínio personalizado com ou sem www - Dicas Blogger
• Como configurar um domínio próprio no Blogger – Dicas Blogger
• How do I create a CNAME record for my custom domain? – Ajuda Blogger

Se tudo estiver correto e mesmo assim você receber a mensagem “outro blog já está hospedado neste endereço”, entre em contato com o fórum oficial, pois será necessário intervenção de um funcionário do Google/Blogger.

Google retira das buscas domínios co.cc

A empresa Google decidiu retirar de seu famoso mecanismo de busca, todos os sites que possuem domínio com a terminação co.cc. Por ser gratuito, esse serviço de host era muito utilizado para a disseminação de pragas virtuais e o intuito da Google foi de proteger seus usuários. Fonte: TechTudo

Como restaurar/recuperar blog

Uma das queixas campeãs no Fórum do Blogger é quanto aos blogs que são apagados, muitas vezes considerados como SPAM pelo sistema de detecção do Blogger. Eu imagino como deve ser complicado para o usuário perder um blog, às vezes já com anos de trabalho. Um blog pode ser apagado por diversos motivos, desde denúncias de conteúdo ilegal até mesmo erro de detecção.
Antes de prosseguir, veja se seu blog se encaixa em algum destes casos:

• O Google pode deletar meu blog do Blogger/Blogspot?

Se o conteúdo do blog violar os Termos de Uso do Blogger, você não vai ter como recuperá-lo. Mas se foi um erro do Blogger  ou se você acha que é possível se adequar às regras, é possível tentar restaurar seu blog. Veja a explicação da Camila Fitz, funcionária do Google e Guia do Blogger:

Para solicitar uma reavaliação do seu blog, vá até o painel do seu blogger, clique em "Restaurar", logo abaixo do nome do seu blog, e siga os procedimentos solicitados. Desta forma o seu caso será analisado.

Basicamente, faça login no Blogger e veja se na sua lista de blogs que foram apagados aparece um botão restaurar. Clique nesse botão, siga todos os passos e aguarde. O processo de avaliação é demorado e é preciso ter paciência.
Já adianto que blogs que disponibilizam downloads de qualquer tipo de pirataria, não terão uma segunda chance, bem como blogs que ferem qualquer tipo de direito autoral. Portanto, fiquem atentos quanto às políticas de conteúdo do Blogger.

• Termos de Uso do Blogger
• Política de conteúdo

Este post já havia sido escrito anteriormente, sob o título Meu blog sumiu! O que eu faço?. Optei por atualizá-lo, visto que estamos com uma nova onda de exclusões acidentais. Recomendo que vocês façam sempre backups de tudo:

• Como fazer backup dos posts no Blogger
• Como restaurar um blog a partir do backup

Caso você tenha excluído seu blog acidentalmente, clique aqui

Nova interface disponível para todos

A nova interface do Blogger, que anunciamos neste post A nova interface do Blogger, já está disponível para todos os usuários, através do Blogger in Draft. Diversos bugs foram corrigidos e já é possível editar o template pelo HTML.
Fonte: Blogger’s Updated Interface Now Available for All Draft Users
Para editar o HTML na nova interface, clique em modelo>editar modelo

Google Webmaster Tools - reconsideração de site

Não há como negar: um site ou blog precisa estar bem indexado junto ao Google para ter um bom índice de visitações. Há muitos anos o buscador da empresa Google é de longe o mais utilizado pelos internautas e se você, leitor, deseja que seu blog seja lido, é preciso conhecer as diretrizes do Google Webmaster Tools ( Ferramentas do Google para Webmasters) e entender o básico de SEO (search engine otimization). No marcador SEO deste blog, já publicamos vários posts com dicas testadas e aprovadas e recomendo a leitura de todos os artigos, em especial:

• Seu blog não aparece no Google?
• Dicas de SEO para Blogger

Uma coisa que nem todo mundo sabe, é que o Google pode punir um site que infringir suas diretrizes e, assim, até bani-lo de seus mecanismos de busca. Por outro lado, é possível pedir uma reconsideração ao Google, que mantém uma equipe para analisar sites punidos e liberá-los caso eles se ajustem às normas exigidas.
Para pedir uma reconsideração ao Google, siga estes passos indicados na Ajuda do Ferramentas do Google para webmasters

Para pedir a reconsideração do seu site:

1. Acesse as Ferramentas do Google para webmasters com a sua Conta do Google.
2. Certifique-se de adicionar e verificar o site que deseja reconsiderar.
3. Solicitação de reconsideração do seu site.

Sempre é bom lembrar que o Google vem privilegiando cada vez mais sites que possuem conteúdo original ( que não cometam plágio) e de qualidade ( que tragam coisas novas e úteis para a web) - Google privilegia conteúdo original e de qualidade

Google+ – uma nova rede social

A empresa Google lançou nesta semana um novo serviço, o Google+. Trata-se de uma rede social, semelhante ao Facebook e ao Orkut, onde os usuários podem compartilhar informações, notícias, fotos e vídeos. Seguindo a tradição, por enquanto somente pessoas com convites estão testando o Google+ . Eu recebi o convite e vou compartilhar com vocês algumas imagens do Google+.

Página Inicial do Google+

Os contatos podem ser divididos em grupos denominados círculos. É possível adicionar os amigos a cículos pré-determinados, bem como criar novos grupos.

Em stream, vemos as atualizações de cada grupo ou de todos os amigos.

Existem opções para configuração de privacidade e de notificações por email.

Para maiores detalhes, recomendo a leitura destes posts, escritos pelo @RicardoFraga  ao Google Discovery:

• Projeto Google+, a nova rede social do Google
• Exclusivo: testamos o novo projeto social do Google

No dia 29/6, foi possível enviar alguns convites, mas depois tal função foi removida.
ATUALIZAÇÃO: Entrevista do Ricardo Fraga ao MGTV

Como criar botões com CSS

Com o advento e avanço do CSS 3, muitos designers estão optando por reduzir o uso de imagens em sites, a fim de aumentar a velocidade das páginas da web. Eu já ensinei algumas técnicas legais pra deixar seu blog do Blogger mais bonito e profissional e hoje vou explicar como criar botões (buttons) usando apenas CSS.
Entre no site Button Maker e utilize o painel da direita para personalizar o botão:

Use os 3 controles deslizantes para escolher o tamanho e profundidade do botão.
Embaixo, escolha as cores da seguinte maneira:

• Top Gradient Color: cor do topo em gradiente
• Bottom gradiente color: cor de baixo em gradiente
• Top Border Color: cor da borda do topo
• Hover background color: cor do fundo ao passar o mouse
• Text Color: cor do texto
• Hover Text Color: cor do texto ao passar o mouse
• Active background color: cor de fundo ao clicar no botão

Depois que o botão estiver pronto, clique sobre ele e copie o código.

Entre no painel do Blogger, clique em design>editar HTML. Faça um backup do template e cole o código antes da tag ]]></b:skin> (use o Crtl+F do teclado para encontrá-la). Substitua o ponto (.) que está antes de cada palavra “button” por jogo da velha (#). Ficará assim: #button. Visualize e salve.
Em “elementos de página”, clique em adicionar gadget HTML/javascript.
Cole este código:

<div id="button>ESCREVA AQUI O TEXTO</div>

Escreva, no local indicado, o texto que deverá aparecer no botão. Se quiser colocar um link, use este outro código:

<div id="button"><a href=”LINK”>TEXTO</a></div>

Pronto! Agora seu blog já tem um botão feito apenas com CSS ;)
Veja, na imagem abaixo, um botão que criei para o DB ( é o azul):

Existem outros sites para criar botões personalizados em CSS:

• CSS Button Generator
• CSS3 Button Generator
• CSS Button Maker

Sobre os atuais problemas do Blogger

Entre maio e  junho deste ano, o Blogger apresentou diversos bugs e instabilidades. Hoje, ao visitar o fórum de ajuda e ao moderar os comentários deste blog, percebi que o gadget seguidores voltou a desaparecer de vários blogs e que muitos usuários estão ansiosos. Então, o motivo deste post é para dizer: don’t panic!
Não há motivo para pânico. Lembrem-se que o Blogger está passando por uma reformulação em seu código e que todos esses problemas são naturais. Reitero o que já disse anteriormente: todos os bugs sempre foram corrigidos. Sempre!
Ao mesmo tempo que estamos passando por problemas, diversos novos recursos estão sendo implantados, em um serviço que é 100% gratuito. É preciso que vocês tenham paciência. E pra quem não tem, basta contratar um host e migrar para outra plataforma de blogagem. Simples assim.
Usem sempre o fórum de ajuda para reportar dificuldades com seu blog:

• Ajuda do Blogger

Nós continuaremos informando-os sobre todas as novidades, bem como sobre todas as instabilidades deste período.
Recomendo a leitura dos seguintes posts:

• A instabilidade do Blogger e de seus usuários – Ricardo Fraga
• Por que eu escolhi o Blogger? – Ana Karenina

Opção nativa de favicon personalizado no Blogger

O Blogger disponibilizou recentemente uma opção nativa de personalização do favicon dos blogs. Favicon é aquela pequena imagem que fica ao lado do nome da página na aba ou janela do navegador; até o lançamento deste novo recurso o favicon padrão de todos os blogs era o logo do próprio Blogger e aqueles que quisessem altera-lo precisavam fazer uso de alguns hacks.

O novo recurso, por enquanto, pode ser acessado apenas pelo Blogger in Draft, na guia Layout em Elementos de página. Você vai ver um novo elemento chamado Favicon.

Clicando em Editar neste elemento você pode fazer o upload de uma imagem que queira usar para personalizar o favicon do seu blog.


Recomendo que vocês escolham uma imagem perfeitamente quadrada , de preferência com tamanho em pixels de 16x16 ou 32x32. A imagem escolhida como favicon deve estar em formato .ico, se a sua imagem não estiver neste formato você pode converta-la usando algum site de conversão online, recomendo neste caso o ConvertICO.