Template Sky

Como vocês já devem ter notado, venho estudando bastante sobre customização de templates para o Blogger. Trata-se de algo que sempre gostei de fazer e, por isso, resolvi me aprofundar no tema para oferecer modelos de melhor qualidade.
O Template Sky é um pouco diferente dos anteriores, pois possui uma plano de fundo (background) personalizado e a sidebar (barra lateral) fica à esquerda. Tratei de instalar diversos hacks, bem como todos os novos recursos do Blogger.

Ele é rápido, pois tem o CSS otimizado e poucas imagens externas.
Espero que vocês gostem desta minha nova linha de templates.

Demonstração – Download – Licença

Por favor,não retire os créditos

RECURSOS INSTALADOS Posts Relacionados Retirada da Navbar Hack Leia Mais e jump break Share Buttons oficial Personalização dos ícones de navegação Favicon Avatar nos comentários Citação em bloco personalizada

CARACTERÍSTICAS DO TEMPLATE Cores e fontes personalizáveis Compatível com qualquer navegador que esteja devidamente atualizado. 4 colunas à 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 Sky.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 970 x 100, com fundo transparente, usando o Photoshop ou outro programa de sua preferência (sugestão: Pixrl)

• Imagem para o cabeçalho do Blogger com Photoshop

A fonte que utlizei pra fazer o cabeçalho do Template Sky chama-se Atlas e está disponível para download no site UrbanFonts

• Instalando novas fontes no Photoshop

Usando o resumo de postagens
No Template Sky instalei o jump break do Blogger e o hack leia mais com corte manual, assim, quem já usava um dos dois não vai perder as configurações anteriores

• 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 Sky. 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: url(http://lh3.ggpht.com/_mcq01yDJ2uY/TFDzo3r782I/AAAAAAAACiY/CDgLPFz_0Zk/86.jpg) repeat top left;
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: #ffff00;
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 Sky 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/TFD3fCYfkQI/AAAAAAAACi0/pi4mIHvNmTM/favicon.png' rel='shortcut icon'/>
<link href='http://lh4.ggpht.com/_mcq01yDJ2uY/TFD3fCYfkQI/AAAAAAAACi0/pi4mIHvNmTM/favicon.png' rel='apple-touch-icon'/>
<link href='http://lh4.ggpht.com/_mcq01yDJ2uY/TFD3fCYfkQI/AAAAAAAACi0/pi4mIHvNmTM/favicon.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 Sky 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.