Template FB Blogger (18) – By Ferramentas Blog

Já faz algum tempo que estou tentando aprender a criar modelos de templates para Blogger, mas agora estou me empenhando mais (com um pequeno segredo que vou contar num outro artigo). Resolvi criar um layout substancial e com os recursos necessários, pronto para uso e que você não vai precisar fazer praticamente nenhuma alteração: é só instalar e usar em seu Blog. Se aprovarem esse meu trabalho, prometo criar mais e mais modelos.

 

DEMO | Download

 

O arquivo foi compactado no formato ZIP. Para usar, antes de instalar no painel do Blogger, é preciso descompactar e usar o arquivo do tipo XML que há dentro. Só arquivos XML podem ser usados no Blogger. Não sabe como trocar o template no Blogger? Então veja:

• Vídeo Tutorial – Trocar Template Blog Blogger

 

Características desse modelo:

• Menu horizontal personalizável abaixo do título;
• Cores simples com fundo branco para destacar o texto e imagens dos postagens;
• Resumo de postagem (link “Leia Mais”) padrão do Blogger;
• Fotos/Avatar de comentários incluído;
• Lista de artigos relacionados, com imagens, já incorporado no rodapé dos posts;
• Link de navegação de páginas numerado;
• Menu de ícones no rodapé da página, incluindo Feed;
• As cores não são personalizáveis;
• Não é possível trocar a imagem do cabeçalho.

 

Configurações de uso do Template:

Antes de instalar em seu blog principal, sempre recomendamos que faça testes em um blog separado para isso, em um blog de testes. Bem como é extremamente importante que você faça um backup de seu blog principal antes de fazer qualquer modificação, por mais simples que seja.

 

1. Links do Menu horizontal – Linkbar:

Para adicionar links no menu abaixo do título basta acessar o painel do Blogger em sua conta, clicar na aba “Layout” ~> “Elementos da página” e onde está “Top menu” clique no link “Editar”.

 

 

Na janela que abrir haverá espaço para adicionar a URL e o nome do novo link da barra. Salve as modificações e veja o resultado no Blog. Não é possível excluir ou alterar o primeiro link “Home” que é padrão da barra.

 

2. Menu de ícones do rodapé da página:

Há seis (6) ícones no rodapé da página do template que podem ser usados para divulgação de seu blog e para a navegação pela página. Para configurar os dados que estão ali você terá que acessar seu código-fonte. Para isso vá na aba do painel do Blogger e cliquem em “Layout” ~> “Editar HTML” e marque a opção “Expandir modelos de widgets”, como ilustra a imagem:

 

 

Agora procure pela seguintes linhas, bem no final do código-fonte e só altere o que está indicado, da seguinte forma:

 

Procure pela linha:

 

<a class=’art-rss-tag-icon’ href=’/feeds/posts/default‘ title=’RSS’/>

 

Essa corresponde ao ícone de Feed (não sabe o que são Feeds? Leia: O que são Feeds e como usar). O que está destacado em vermelho é o link para o endereço padrão do Blogger. Se você usa algum outro endereço, como o fornecido pelo FeedBurner, então troque o que está em vermelho pela URL de seu Feed. Senão, basta deixar como está.

 

Agora encontre mais essa linha, ainda no final do código-fonte:

 

<a href=’http://twitter.com/SEU_NICK‘>

 

Essa é para o ícone do Twitter. O que está em vermelho deve ser trocado pela URL de seu perfil no serviço.

 

A próxima alteração é no ícone do formulário de contato, assim encontre a próxima linha. E do mesmo jeito, se o seu blog tem uma página estática para o formulário de contato, troque o que está de vermelho pela URL:

 

<a href=’URL_PAGINA_CONTATO‘>

 

Também há um ícone para que as pessoas possam indicar seu blog por email. Então procure por mais essa linha, fazendo apenas a modificação do que foi destacado em vermelho aqui no exemplo:

 

<a href=’http://www.recomenda.com.br/cgi-bin/recomendaf.exe?modo=0&amp;local=URL_DO_BLOG‘>

 

Esse link é de um serviço que descobri e que tem um formulário padrão para enviar e-mails para uma lista. Esse serve para as pessoas recomendarem seu endereço de Blog.

 

Por fim, o último ícone que é do Orkut. Esse você pode trocar o que está indicado na linha que está no código, pela URL de seu perfil ou de uma comunidade sua:

 

<a href=’URL_COMUNIDADE_PERFIL_ORKUT‘ target=’_blank’>

 

3. Links numerados de navegação:

É preciso ter atenção nesse ponto. O template está configurado para exibir 7 postagens por página e isso também vale para o link de navegação. Se quiser alterar para mais artigos por página, terá que fazer algumas mudanças.

A primeira é definir a quantidade de artigos por página a serem exibidas. Então clique
na aba “Configurações” ~> “Formatação” e defina a quantidade de posts que serão exibidos por página, como ilustra a imagem abaixo:

 

 

Agora vá ao código-fonte de seu blog, clicando no menu “Layout” ~> “Editar HTML” e procure pelas seguintes linhas bem no final:

 

var pageCount=7;
var displayPageNum=7;

 

O primeiro número corresponde à quantidade que você definiu acima. O segundo é o tanto de números que o menu exibirá.

 

Todo o restante do template é modificável como de costume. Funciona normalmente em todos os navegadores, inclusive no Internet Explorer 8, Chrome e FireFox.

Pedimos que não seja tirado os créditos pelo layout. E se estiver usando esse modelo, gostaríamos da sua opinião sobre esse trabalho. Todo comentário será útil para desenvolver outros modelos de template para o Blogger.