Template para download com 3 colunas em variações de azul. Gradiente suave no content-wrapper contrastando com o fundo escuro.Header com bordas arredondadas no bottom - cor do background do header pode ser alterada pelo painel de Fontes e Cores.
Ênfase na navegação, com 3 menus, caixa de busca personalizada e breadcrumb trail.
Imagens acompanham o arquivo zipado.
Outras Características:
- Header com 2 colunas laterais;
- Content-wrapper com 3 colunas: Main-Wrapper - Sidebar - Sidebar;
- Footer com 3 colunas laterais e uma coluna na largura do template no bottom;
- Artigos Relacionados acima do rodapé do post;
- Formulário de Comentários na página do post;
- Bloco de comentários personalizado, com comentários numerados;
Instruções:
Header
O Header está dividido em 2 colunas, sendo a coluna esquerda dedicada ao título do Blog. Você pode utilizar um logo, como no Blog DEMO, na largura máxima de 400px.
A coluna da direita do header possui uma largura de 470px, ideal para um banner de publicidade, ou uma imagem, ou um texto com a descrição do blog. Utilize a imagem da xícara, se desejar (imagem desenvolvida por Blogger'SPhera).
Imagens
Todas as imagens utilizadas no template acompanham o arquivo zipado. Essas imagens estão hospedadas no álbum Picasa do Blog Demo. Para substitui-las no template, localize-as pelo nome da imagem.
Menus
O template possui 3 menus, facilmente identificados no código. Localize-os e substitua os trechos destacados em vermelho pelos seus links.
Menu acima do Header:
<!-- Início Links do Menu do Topo -->
<div class='newnavbar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Início</a></li>
<li><a href='#'>Sobre</a></li>
<li><a href='#'>Contato</a></li>
<li><a href='#'>Feed</a></li>
</ul>
</div>
Menu abaixo do Header (tab-menu)
<!-- Início Links do Menu Central -->
<div class='menu-tab'>
<ul>
<li id='current'><a expr:href='data:blog.homepageUrl'>Início</a></li>
<li><a href='#'>Link 1</a></li>
<li><a href='#'>Link 2</a></li>
<li><a href='#'>Visualização de Link com Texto Longo</a></li>
</ul></div>
Menu abaixo do Footer:
<!-- Início Links do Menu do Bottom -->
<a expr:href='data:blog.homepageUrl' title='Página Inicial'>Início</a> |
<a href='#' title='Termos de Uso'>Termos de Uso</a> |
<a href='#' title='Política de Privacidade'>Política de Privacidade</a>
Comentários: 8
Bem clean o template gostei :D
Brigada! :d
Olá! Tenho muito pouco conhecimento em blog, principalmente nos codigos html e etc... Aproveitando minha aposentadoria resolvi ocupar a ociosidade jogando futebol num grupo de veterano. No grupo fiquei com a tarefa de divulgação e ai resolvi montar um Blog para o grupo e consegui, mesmo sendo leigo. Agora estou querendo homenagear minha cachorras vira-lata e achei este Templates escrito de maneira bem clara e acho que poderei adapta-lo para o que pretendo.
Mas tenho a seguinte duvidade na utilização deste template:
O que são creditos e o que eu posso alterar. Ja vi escrito em algum lugar que não posso mexer no rodapé.
Por favor me explique, para que eu possa fazer alteração sem afetar o exposto.
Um Abraço
Olá Sidinei e bem-vindo! Primeiramente quero te agradecer a honestidade. Apesar de ser de conhecimento de muitos a ética de se manter os créditos de um trabalho, nem todos respeitam. E você, ainda leigo no assunto, demonstra caráter preocupando-se com isso. Obrigada!
Você pode alterar como quiser o template Olga. Os créditos estão escritos no rodapé à esquerda, conforme segue:
Template Olga - Tema para Blogger por
:: Blogger'SPhera :: | Copyright © 2008 |
É esse trecho que peço que seja mantido no template, ok?
Um grande abraço!
Rô! Ja comecei alterar o template OLGA e apareceu uma duvida:
Porque no cabeçalho, mesmo digitando o texto em caixa baixa, aparece maiúsculo.
Oi Sidinei! Se você quiser mudar isso, faça o seguinte:
- Em Layout - "Editar HTML" procure o seguinte trecho:
h1 {
font:italic bold 220% 'Comic Sans MS','Lucida Sans Unicode','Trebuchet MS',Sans-serif; color:#341473;
line-height:1.2em; text-transform:uppercase;
letter-spacing:.2em;}
E delete esse texto em negrito: text-transform:uppercase;
Com isso o título irá aparecer da maneira que você digitar.
Abraços!
Boa Noite! Rô.... ta ficando bonito, o header ja esta como eu quero.
Como faço agora para mudar o corpo do blog, tem uma parte branca e outra menos branca dividindo o blog.
Gostaria muito que voce me ajudasse.
Um Abraço!
Sidinei Corrêa
Sidinei: Esse gradiente foi feito com uma imagem e colocado no content-wrapper como background.
Procure a linha do content-wrapper e delete ou modifique a imagem, como desejar.
Abraços!
Postar um comentário
Para deixar o link da sua última postagem coloque este código:
Feed dos Comentários<em><strong>Seu nome</strong> publicou um post sobre.. <a href="seu-link-do-último-post">Título do Post</a></em>
Quando você estiver testando algum hack e tiver dúvidas sobre ele, informe:
1 - O endereço do blog onde você está testando (ou instalando o hack);
2 - O navegador que você está usando (Firefox, Opera, IExplorer, etc).
Leia sobre a política de Comentários!
Eu gosto de conhecer meus leitores! Se você usar OpenId ou perfil fechado, assine o comentário com seu nome e me deixará muito contente!
Bem-vindos e obrigada pela visita!
Blog This!