Template Geek

Esta é a nova versão do Template Geek, com uma sidebar de cada lado, diversos hacks e recursos nativos instalados, CSS otimizado, dois modelos de background (plano de fundo), favicon personalizado e caixa de busca.

Demonstração – Download – Licença

Por favor, não retire os créditos

RECURSOS INSTALADOS Posts Relacionados Retirada da Navbar Resumo dos posts -jump break Share Buttons oficial Personalização dos ícones de navegação Favicon Avatar nos comentários Citação em bloco personalizada Caixa de busca em CSS3

CARACTERÍSTICAS DO TEMPLATE Cores e fontes personalizáveis Compatível com qualquer navegador que esteja devidamente atualizado. 1 coluna à direita 1 coluna á esquerda 3 blocos de widgets no rodapé Diversos hacks instalados Nome do seu blog no rodapé (auto) CSS otimizado Carregamento mais rápido

Modo de Usar

A seguir, explicarei como funciona cada ítem do template. Para um melhor aproveitamento, acesse os posts de referência.

Quando for necessário encontrar algum trecho dentro do template, vá até desing > editar html. Marque a caixa expandir modelos de widgets. Dê um Crtl+F em seu teclado e cole na caixa de busca do seu navegador o trecho que está buscando.

Instalando o template em seu blog

Baixe o arquivo .zip, clique com o botão direito do mouse e escolha abrir. Dentro da pasta, você vai encontrar um arquivo chamado Template Geek.xml. Se você não sabe como trocar o template do seu blog, acesse:

• Como trocar o template do Blogger

Configurando a imagem do cabeçalho
Crie uma imagem do tamanho 980 x 150 px, com fundo branco, usando o Photoshop ou outro programa de sua preferência (sugestão: Pixrl)

• Imagem para o cabeçalho do Blogger com Photoshop

Caso você saiba mexer com Photoshop e tenha gostado da imagem do cabeçalho deste template, dentro da pasta que você baixou tem o arquivo em formato .psd.
Usando o resumo de postagens
No Template Geek instalei o jump break do Blogger. Veja como usar:

• Dicas Blogger: Como colocar o hack “Leia Mais” no Blogger

Colocando links na linkbar
Para colocar links no menu que fica embaixo do cabeçalho, acesse:

• Como inserir links na linkbar

Mudando o background (plano de fundo)
Você pode trocar, facilmente, a imagem que compõe o fundo do Template Geek. Procure pelo trecho abaixo e substitua a url do atual background ( em azul ) pela url de outro de sua preferência (Sugestão de backgrounds: Background Labs).

body {
text-align:center;
color:$textColor;
background:#413f3f url(http://lh3.ggpht.com/_mcq01yDJ2uY/TFS6JpQ0zcI/AAAAAAAACks/3zZ7Rb-_z7w/5353535353535353536464643E3E3E_157.png) repeat;
font-family:arial,verdana,helvetica,tahoma,Sans-serif;

• Como mudar o background nos templates do Blogger

Como alterar a cor dos links do rodapé
Os links do rodapé estão na cor amarela. Para alterar a cor, encontre este trecho:

#creditleft a,.creditleft a:hover,.creditleft a:visited,#creditright a,.creditright a:hover,.creditright a:visited {
color: #fff;
text-decoration:none;
}

Mude a parte que está em vermelho. Veja uma tabela de cores neste link.
Backup de Imagens
É altamente recomendável que você hosperede no Picasa a imagem do background:

• Como hospedar imagens no Picasa
• Backup no Picasa de imagens contidas nos templates

Alterando o favicon
Favicon é aquele pequeno ícone que aparece no navegador, ao lado do endereço do blog. O Template Geek já vem com um favicon instalado. caso queira mudá-lo, procure pelo trecho abaixo e substitua o endereço da imagem (em azul)

]]></b:skin>

<link href='http://lh4.ggpht.com/_mcq01yDJ2uY/TFTm_WoSC-I/AAAAAAAACmE/qMX_pjnqJR8/my_computer.png' rel='shortcut icon'/>

<link href='http://lh4.ggpht.com/_mcq01yDJ2uY/TFTm_WoSC-I/AAAAAAAACmE/qMX_pjnqJR8/my_computer.png' rel='apple-touch-icon'/>

<link href='http://lh4.ggpht.com/_mcq01yDJ2uY/TFTm_WoSC-I/AAAAAAAACmE/qMX_pjnqJR8/my_computer.png' rel='shortcut icon' type='image/x-icon'/>

• Colocando favicon no blog

Alterando as fontes e as cores
Todas as fontes e todas cores do template Geek podem ser alteradas através do painel do Blogger. Entre em designer do modelo e procure pela opção avançado

ATENÇÃO:
Se você estava usando um dos novos modelos do Blogger, será necessário instalar antes o Template Mínima para retirar o gadget atribuition.

• Como voltar a usar os antigos templates do Blogger

Caso você queira realizar alterações na estrutura do template, tais como adicionar ou retirar sidebar ou mesmo instalar outros hacks, pesquise como fazer.
Saiba mais sobre a utilização de nossos templates gratuitos, acessando:

• Termos de Uso do Dicas Blogger

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