Template FB Clean Blogger – Modelo de Template

Com o novo recurso do Blogger para criar templates e layouts, chamado "Designer do modelo", ficou muito mais fácil criar e personalizar o visual de seu blog, mesmo sem conhecer muito de HTML e CSS. Criei esse template para disponibilizar aqui e mostrar como você mesmo pode criar o seu.

Eu o chamei de FB Clean Blogger, pois o objetivo foi criar um layout simples, claro e leve para carregar e dar muito destaque aos posts.

Demo | Download

Para usar corretamente esse Template:

Esse modelo foi desenvolvido no "Designer do modelo" que está disponível no painel do Blogger in Draft. Veja os tutoriais para entender melhor:

• Como criar Template para Blogger – Designer do Modelo
• Vídeo Tutorial – Blogger in Draft

Características desse Template:

• 3 colunas, com a sidebar (barra par elementos) alinhada à esquerda;
• Mede 980px de largura, sendo 380px para a sidebar;
• Menu horizontal padrão para páginas estáticas do Blogger;
• 3 colunas no rodapé;
• Lista de artigos relacionados no rodapé dos posts;
• Ícones de compartilhar em redes-sociais no rodapé dos posts;

Para fazer funcionar os íconea de assinar Feed e enviar RT para o Twitter que ficam no rodapé dos posts, é preciso ir ao código fonte e adicionar a URL, o endereço do seu Feed e seu nome no Twitter. Para isso, abra o menu "Layout"(Design) ~> "Editar HTML" e marque a opção "Expandir modelos de Widgets" e procure pelas seguintes linhas:

tweetmeme_source = 'NOME_TWITTER';

<a alt=’Assine nosso FEED Ferramentas Blog‘ href=’URL_ENDEREÇO_FEED‘>

Altere apenas o que no exemplo está em negrito. Salve o modelo e pronto.

Gadgets e Elementos de página usados no exemplo:

Você viu o modelo demonstrativos desse Template e lá usei alguns gadgets para ilustrar o funcionamento do blog. Se você quiser aplicar algum deles, foram esses:

• Adicionar Mecanismos de Pesquisa do AdSense no Blog
• Colocar publicidade na Barra Lateral do Blog
• Gadget Artigos recentes com imagens para Blogger
• Google Tradutor para Blog com bandeiras