Como mudar o template do Blogger

Como agora existem várias opções de templates para o Blogger, também existem várias formas de trocarmos esses templates. Antes de prosseguir, leia atentamente o artigo anterior, onde expliquei cada um dos modelos disponíveis atualmente:

• Opções de templates para Blogger

Designer do modelo

1. entre no painel do Blogger e clique no link design;
2. dentro de design, clique em designer do modelo;
3. escolha um dos modelos disponíveis;
4. acesse as colunas plano de fundo e layout e configure;

Neste post você encontrará todos os detalhes:

• Como criar um template para Blogger / Blogspot

Modelos de layout lançados em 2006

1. entre no painel do Blogger e clique no link design;
2. dentro de design, clique na aba editar HTML;
3. no final da página, clique em Selecionar modelo de layout;
4. Escolha um dos modelos disponíveis.

Para maiores detalhes, acesse este post:

• Como voltar a usar os antigos templates do Blogger

Modelos Clássicos

1. entre no painel do Blogger e clique no link design;
2. dentro de design, clique na aba editar HTML;
3. Lá no final da página, clique em Voltar ao modelo clássico.

Templates criados pelos usuários
A maioria dos blogs que disponibilizam templates gratuitos para download, costumam colocar um link para exibição de uma versão de demonstração. Clique neste link - demonstração, demo ou live demo - para visualizar o template.
Depois, faça  o download do arquivo e salve em seu computador.

O arquivo pode estar nos formatos .XML, .ZIP ou .RAR. O .XML já está pronto para a instalação. Os outros dois vão precisar ser descompactados:

• .ZIP – clique com o botão direito do mouse e escolha a opção abrir
• .RAR – instale um aplicativo (minha sugestão: JZip), clique com o botão direito  do mouse e escolha extract here

Procure pelo arquivo .XML dentro da pasta que você acabou de descompactar.
Entre no painel do Blogger, clique em design e depois em editar HTML.
Por precaução, salve seu antigo template clicando em baixar modelo completo.
Os gadgets são salvos pelo Blogger, mas como o seguro morreu de velho, abra um por um e copie cada código, salvando–os no bloco de notas ou no WordPad.

Clique agora em selecionar arquivo (1) e procure pelo arquivo .XML (2)

Clique em abrir para selecionar o template (3) e, depois, clique em fazer upload (4)
Se no seu blog existiam vários gadgets, será perguntado se você deseja mantê-los ou excluí-los. Faça sua escolha e o novo template será instalado.

Caso fique faltando algum gadget, abra o arquivo que você salvou no bloco de notas e vá colando cada código em seus respectivos compartimentos.
Detalhes importantes:
No Blogger, gadget e widget são sinônimos.
Se você está usando um template do designer do modelo e pretende trocar por um personalizado, saiba que o gadget atribuition será tranferido para o novo template e não será possível excluí-lo. Para resolver tal problema, antes de trocar o template, coloque o Mínima, vá nos elementos de página e exclua o gadget atribuition.

Opções de templates para Blogger

O template é uma das partes mais importantes de um blog. Eu já escrevi sobre isso em outros posts, mas repetir nunca é demais.
O template – para quem não sabe – é o desenho do blog, também chamado de tema ou modelo. É onde iremos escrever e colocar novos recursos.

Template (ou "modelo de documento") é um documento sem conteúdo, com apenas a apresentação visual (apenas cabeçalhos por exemplo) e instruções sobre onde e qual tipo de conteúdo deve entrar a cada parcela da apresentação — por exemplo conteúdos que podem aparecer no início e conteúdos que só podem aparecer no final.
Web templates (ou "modelos de página") são instrumentos utilizados para separar a apresentação do conteúdo em web design, e para a produção massiva de documentos web. Os templates são interpretados por um "sistema de template". Fonte: Wikipedia

Além da questão estética, um template otimizado pode influenciar positivamente na indexação pelos mecanismos de busca e fazer com que as páginas de um blog abram com maior velocidade e estabilidade. Possuindo boa navegabilidade, auxilia na fidelização dos leitores e no número de exibições de páginas, entre outras coisas.

• Cuidados com o layout do seu blog
• auto-paginação do Blogger
• Desempenho do site - Ajuda do Ferramentas do Google para webmasters
• Google Now Using Site Speed As A Search Ranking Factor

Hoje em dia temos 4 opções de templates para o Blogger:

1. Designer do Modelo
2. Modelos de layout (lançados em 2006)
3. Modelos clássicos
4. Templates criados pelos usuários

Todas estas opções usam em seu código-fonte HTML e CSS:

HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web.Fonte: Wikipedia
Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.Fonte: Wikipedia

Designer do Modelo
Lançados em março deste ano, estes são os novos modelos fornecidos pelo Blogger. São mais modernos, com várias opções  de plano de fundo e de colunas (sidebar) e são relativamente fáceis de usar, mas são pouco personalizáveis quanto às cores, fontes e instalação de hacks e de novos recursos via HTML - visto que o código é muito diferente dos modelos mais antigos.

• Novas funcionalidades de layout no Blogger
• Designer do modelo – tutorial em vídeo
• Designer de Modelo – correções e novos temas
• Como criar um template para Blogger / Blogspot

Modelos de layout lançados em 2006
Quando o Google adquiriu o Blogger, a plataforma passou a se chamar Novo Blogger e seus templates passaram a ser em formato .XML. O mais famoso desta época é o Mínima – de onde partiu muitos dos modelos criados pelos usuários

Modelos Clássicos
Estes eu não cheguei a usar, mas pelo que eu vi só existe um modelo e é o usuário que deve customizá-lo através de HTML e CSS.

Templates criados pelos usuários
Estes são templates, geralmente baseados no Mínima, customizados e disponibilizados para download pelos próprios usuários do Blogger.
Existem algumas modelos mais fáceis de usar - com fontes e cores personalizáveis - e outros que já vem “prontos” e que para alterá-los é preciso ter conhecimento em HTML e CSS. Os primeiros são os mais indicados para os novatos.

• DB templates
• Templates para Blogger Blogspot

Se você, caro leitor, tem ambições maiores com o seu blog, é essencial entender CSS, HTML e SEO para  poder otimizar o template do seu blog e posicioná-lo melhor frente aos mecanismos de busca. Ou então, contratar alguém que possa fazer isso para você, pois já vi casos de blogs muito bons em matéria de conteúdo, com um número grande de posts no ar e mal indexados porquê os códigos e a apresentação visual do template não estavam organizados adequadamente.

• Curso básico de HTML – HTML.net
• Curso básico de CSS – HTML.net
• Blogger SEO – Icebreaker
• DB SEO – Dicas Blogger
• FB SEO – Ferramentas Blog
• DB – produtos e serviços

No próximo post vou explicar, detalhadamente, como trocar os templates do Blogger.

Vamos comemorar?

Ok, o dia já está quase acabando, mas esta que vos escreve está com um resfriado fortíssimo e trabalhou muito (muito mesmo) em seu consultório hoje, por isso este post demorou tanto para sair. Bom, antes tarde do que mais tarde ainda :)
Hoje temos (eu pelo menos tenho) três bons motivos para comemorações:


A plataforma de blogagem mais amigável do planeta fez 11 anos no dia 23/8 e hoje é o dia da festa. Falar que adoro o Blogger seria desnecessário, né?
O Blogger mudou a forma das pessoas se expressarem na web. Devido a sua grande facilidade de uso, hoje qualquer um pode criar um blog e compartilhar suas ideias com o mundo todo. Isso não tem preço! E tem sido uma grande revolução.
Meus parabéns aos criadores do Blogger, ao Google e a todos do Blogger Team.

Pois é, hoje é também o Blog Day. Andam dizendo por aí que os blogs estão morrendo. Eu espero que seja só uma fase, já que nada se compara, em termos de expressão e alcance, do que um bom post. Longa vida aos blogs!

E hoje também é o aniversário de 3 anos deste blog.
Muito obrigada a todos que fizeram e fazem parte desta história!

Novo gadget – Postagens populares

O @Brian_coimbra, nosso seguidor no Twitter, acaba de me avisar que temos um novo recurso no Blogger In Draft. Trata-se do gadget “Postagens populares”
Pelo que eu consegui entender, a popularidade é aferida pelo número de comentários. (Errado! Ela é medida pelas estatatísticas de acesso)
O gadget mostra os artigos mais populares com thumbnails (imagens em miniatura) e podemos exibir todos, os da última semana ou os dos últimos 30 dias.

Para usar o novo gadget, faça seu login pelo Blogger In Draft (página de testes do Blogger). Vá em design>elementos de página. Clique em adicionar gadget.

Escolha o gadget Postagens Populares e configure do seu gosto. Salve.
Os thumbnails só aparecerão em blogs que costumam exibir uma imagem no começo do post, o que não é o caso do DB. Só consegui visualizar no blog do meu irmão:

Agradeço ao Brian Coimbra, do blog Clube da Risada, pela preciosa informação.
E como vocês podem notar na segunda imagem, temos também um gadget para mostrar as estatísticas de acesso ao blog. Divirtam-se!
E não se esqueçam: no dia 31, será a festa pelos 11 anos do Blogger! Todo mundo usando o logotipo do Blogger no avatar do Twitter, heim?

Linkwithin - posts relacionados com imagens

No ano passado, escrevi um post ensinando a usar um hack que mostrava os “posts relacionados” com pequenas imagens, também chamadas de thumbnails :

•  Hack - artigos relacionados com imagens

O problema deste hack é que ele só funciona com script – o que pode ser complicado para iniciantes ou para quem não tem um serviço de hospedagem.
Navegando por outros blogs, conheci um serviço chamado LinkWithin, que gera um widget para ser colocado em blogs, de forma muito simples e rápida.

Vejam como ficou no meu outro blog, o  Dicas de Informática:

Existem duas formas de instalar o widget do Linkwithin no Blogger – diretamente, pelos elementos de página ou dentro do HTML do template.
Na primeira opção, os thumbnails aparecerão em todos os artigos, inclusive na página inicial. Já na segunda, podemos exibir o gadget apenas nas páginas individuais.
Como colocar o widget nos elementos de página
Entre no site Linkwithin. À direita, preencha os campos solicitados:

• Email: coloque seu email;
• Blog Link: endereço do seu blog (sem o http);
• Plataform: Blogger;
• Width: escolha quantas imagens deseja mostrar;

Se o fundo (background) do seu blog for da cor preta com letras (fontes) claras, marque a caixa My blog has light text on a dark background.

Clique no botão Get Widget. Na página seguinte, clique em Install Widget. Selecione o blog onde você vai instalar o widget e clique em adicionar widget.

Por padrão, o código será instalado no topo do blog. Mova o gadget e coloque-o embaixo da área de postagens. Visualize e clique no botão salvar.

Desta forma, os posts relacionados do Linkwithin aparecerão em todos os seus artigos, inclusive na página inicial (home). Mas isso é possível de mudar ;)
Como colocar o widget somente nas páginas individuais
Siga os procedimentos descritos acima, para gerar o código do widget. Depois que ele estiver instalado em seu blog, clique em editar e copie o código todo.

Vá para a aba editar HTML. Marque a caixa expandir modelos de widgets. Dê um Crtl+F com teclado e procure pelo seguinte trecho (ou algo parecido):

<p class='post-footer-line post-footer-line-3'/>

Cole o seguinte código, logo abaixo deste trecho:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
CÓDIGO DO LINKWITHIN
</b:if>

Substitua CÓDIGO DO LINKWITHIN pelo código gerado anteriormente.
Clique no botão visualizar e se tudo estiver ok, salve.
IMPORTANTE – Se você já tinha aquele hack mais antigo, onde só aparecem os links (como é aqui no DB), você deve procurar pelo seguinte trecho:

<b:if cond='data:blog.pageType == &quot;item&quot;'> <b>Posts Relacionados</b></b:if>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();

Substitua tudo por:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
CÓDIGO DO LINKWITHIN
</b:if>

Como mudar a frase do gadget
Para personalizar a frase-padrão do gadget, procure por:

< div class='post-footer'>

E cole logo abaixo:

<script>linkwithin_text='SEU TEXTO PERSONALIZADO:'</script>

**Super dica da querida leitora Lucy, do blog ♥ Amor e Paz Sem Fronteiras ♥

É altamente recomendável que tudo isso seja feito antes em um blog de testes.

Como instalar um plugin no Wordpress

Em meu post anterior, ensinei a instalar novos temas em seu Wordpress de servidor próprio. Hoje aprenderemos a instalar plugins. O principio é exatamente o mesmo.
Antes de tudo, você sabe o que são plugins? São ferramentas que adicionam opções a sua plataforma, podem até facilitar a nossa vida em alguns casos. Para saber um pouco mais: Plugins - Wikipédia.
Lembre-se: Só de pode instalar plugins nos Wordpress em servidor próprio!
Assim como na instalação de temas, também possuímos três opções para instalar um plugin: duas através do painel administrativo e outra através do FTP (recomendada).

Primeiro método - Via painel administrativo I:
Acesse seu painel administrativo, vá até a aba “Plugins” > “Adicionar novo”. A primeira página a ser aberta será onde você poderá pesquisar plugins no banco de dados do Wordpress. Há três formas de pesquisa: por termos, por tags ou por autor. Você também poderá escolher entre as tags mais pesquisadas (tags populares); além delas você poderá encontrar plugins em outras quatro abas, nesta mesma página: “Destaques”, “Populares”, “Mais Recentes”, “Atualizados Recentemente”.
*Grande parte dos plugins estão com suas descrições em inglês, utilize o Google Tradutor para desvendá-las.
Escolha uma tag, escolha algum plugin referente a esta tag e para instalá-lo basta clicar em “Instalar Agora”, abaixo do nome do plugin, na primeira coluna.

Uma confirmação vai aparecer sobre o navegador, clique em “Ok” para confirmar. Na próxima página digite as informações da sua hospedagem para que o Wordpress tenha acesso e possa instalar o plugin.

Em algumas hospedagens esse processo poderá acarretar em erros, por isso recomendo que utilize o método três, através do FTP, pois há mais garantias de que não ocorrerá erros.
Ative o plugin instalado e pronto. :)
Segundo método - Via painel administrativo II:
Para utilizar este segundo método você precisará ter baixado o plugin em seu computador. Acesse o seu painel administrativo, clique na aba “Plugins” > “Adicionar novo” > “Fazer Upload”. Na próxima página escolha o plugin baixado, sem descompactar - normalmente em extensão .zip - e clique em “Instalar Agora”.

O mesmo formulário que apareceu no método anterior aparecerá agora, digite as informações referentes a sua hospedagem e clique em “Continuar”.

Assim como no método anterior, poderá ocorrer erros no envio do plugin. Por isso recomendo a utilização do próximo método, através do FTP.
Terceiro método - Via FTP:
Você precisará ter o plugin baixado e descompactado no seu computador. Abra um programa para efetuarmos a conexão com o FTP, utilizo o FileZilla. Estabeleça a conexão, vá até a pasta “wp-content” > “plugins”. Envie a pasta do plugin - descompactada - para dentro da pasta “Plugins”, aguarde o envio e acesse o painel administrativo. Vá até a aba “Plugins” > “Plugins” e ative o plugin enviado.
No meu próximo post mostrarei alguns lugares para encontrar temas e plugins.
Recomendo: Como instalar um plugin no WordPress? - Sem Preceito
Esse tutorial já é compatível com a última versão do Wordpress (3.0). Até a próxima. ;D
Luan Felipe é autor do blog Sem Preceito e autor da coluna sobre Wordpress.

Conheça o Fórum de Ajuda do Blogger

Vocês já devem ter notado que sempre comento – tanto aqui, quanto no Twitter - sobre o fórum oficial do Blogger, certo? E hoje, vou apresentá-lo a vocês.
O que é e para que serve o Fórum de Ajuda do Blogger?
O Fórum de Ajuda do Blogger faz parte dos fóruns de ajuda do Google e todos os fóruns fazem parte de uma Central de Ajuda. Nesses fóruns, nós usuários dos serviços do Google podemos tirar dúvidas e resolver problemas sobre o Blogger, Gmail, Adsense, Google Chrome, Orkut, YouTube entre outros.

Nos Fóruns de Ajuda, existem os Principais Contribuidores e os Guias do Google.
Os Principais Colaboradores ( também chamados de Contribuidores de Topo ou Top Colaboradores) são usuários  que gostam de ajudar e que, por terem feito um bom trabalho, receberam este título da própria equipe de Guias do Google.
Os Guias do Google são os funcionários da empresa, encarregados de resolverem os problemas mais complicados que aparecem por lá – alguns desses problemas são encaminhados a eles, diretamente, pelos próprios top colaboradores.
Voltando ao Fórum do Blogger, afirmo, sem sombra de dúvidas, que lá é o melhor local para se resolver problemas com a plataforma, pois além de existirem várias pessoas dispostas e capacitadas, podemos contar com a inestimável ajuda dos guias.
Como enviar uma pergunta ao Fórum do Blogger?
Acesse o fórum com sua conta do Blogger e clique em “postar uma pergunta”
Escolha uma categora e depois dê um título à sua pergunta – use alguma frase que consiga resumir bem o seu problema. Isso faz diferença. Veja um exemplo:
Clique no botão “continuar”. Na página seguinte, em “endereço do blog afetado”, escreva o endereço completo do seu blog e em “Descrição do Problema”, explique detalhadamente o que está acontecendo em seu blog.
Se quiser receber uma notificação da resposta  por email, marque a caixa “Enviar um e-mail quando as pessoas responderem” e  clique em “postar pergunta”.
Raramente as perguntas ficam sem respostas, exceto quando não sabemos a solução.
Galeria de Ouro do Fórum do Blogger
Ontem, carinhosamente, os Guias do Google lançaram a página Galeria de Ouro, onde eles apresentam ao mundo seus  Principais Contribuidores.
Como vocês podem notar na imagem acima, eu sou uma das top colaboradoras do fórum. Auxiliar os novatos tem sido uma experiência  muito gratificante pra mim, bem como conviver com os demais colaboradores (com os quais aprendo muito) e com os Guia do Google, que são sempre super atenciosos conosco e com os usuários.
Deixo aqui registrado o meu  MUITO OBRIGADO aos Guias do Google pelo reconhecimento ao nosso trabalho e  meus parabéns aos colaboradores do fórum: Amílcar (@DireitoIntegral), Alan (@arsolto), Karen e Teilor (@Teilor).
E antes que eu me esqueça e leve um puxão de orelha do “mineirim” @RicardoFraga, temos também a galeria de ouro do Fórum do Gmail ;)