outubro 2008 ~ TEMPLATES

Home » Arquivos de outubro 2008

Templates Listen Azul e Preto

ESTES TEMPLATES SÃO SEMELHANTES AO LISTEN ROSA EM OUTRAS CORES,

POR ISSO NÃO POSSUEM VERSÃO DEMO

►3 COLUNAS NA PARTE SUPERIOR AO POST, SENDO 2 COM ALTURA PRÉ -DEFINIDA DE 300px;

►POSSUI 3 COLUNAS NO RODAPÉ;

►MENU EM ABAS JÁ INSTALADO, ALÉM DE OUTROS HACKS QUE ESTÃO LISTADOS NA VERSÃO DEMO;

►MENU SUPERIOR NA FORMA DE LISTA DE LINKS;

►RECURSO PARA COLOCAR ANÚNCIOS ADSENSE ENTRE OS POSTS.

Clique na imagem para ampliar.	Clique na imagem para ampliar.
DOWNLOAD	DOWNLOAD

Para Configurar alguns ítens do template.

►PARA CONFIGURAR O MENU SUPERIOR
Clique em Layout → Em Elementos de Página altere a Lista de Links logo Abaixo do Cabeçalho;

►COMO ACRESCENTAR AS GADGETS NAS ABAS
1º- Clique sobre o número da Aba que você deseja colocar a gadget;
2º- Clique em: Editar para alterar o conteúdo da gadget que já está naquele número (pode ser apagando a gadget e colocando outra ou editando a já existente), ou em Adicionar elemento de página caso este apareça;
►Os TÍTULOS das abas serão sempre o título da gadget que você escolher para colocar mesmo que apareça números na página de Elementos de Página.

ATENÇÃO
»O menu em abas funciona com um JavaScript que deve ser hospedado por você;
»BAIXE E SALVE o arquivo java que está em azul:
<script src="'http://www.barelyfitz.com/projects/tabber/tabber-minimized.js' type='text/javascript'">;
»Hospede no local de sua preferência substituindo o LINK: http://www.barelyfitz.com/projects/tabber/tabber-minimized.js no código do seu template pelo LINK fornecido por sua hospedagem;
»Desta forma não haverá o risco de suas abas não funcionarem, a não ser que você hospede muitos arquivos e sua taxa de transmissão de banda ultrapassar o limite do site de hospedagem.

►COMO CONFIGURAR:

Update em 21/11/2008 - Novos Links para Download com XML Corrigidos.

► Leia mais...

TEMPLATE LISTEN ROSA

3 Colunas , Abas | 4 Comentários

ESTE TEMPLATE TEM:

►3 COLUNAS NA PARTE SUPERIOR AO POST, SENDO 2 COM ALTURA PRÉ -DEFINIDA DE 300px;

►POSSUI 3 COLUNAS NO RODAPÉ;

►MENU EM ABAS JÁ INSTALADO, ALÉM DE OUTROS HACKS QUE ESTÃO LISTADOS NA VERSÃO DEMO;

►MENU SUPERIOR NA FORMA DE LISTA DE LINKS;

►RECURSO PARA COLOCAR ANÚNCIOS ADSENSE ENTRE OS POSTS.

Clique na imagem para ampliar.

DEMO | DOWNLOAD

ATENÇÃO
»O menu em abas funciona com um JavaScript que deve ser hospedado por você;
»BAIXE E SALVE o arquivo java que está em azul:
<script src="'http://www.barelyfitz.com/projects/tabber/tabber-minimized.js' type='text/javascript'">;
»Hospede no local de sua preferência substituindo o LINK: http://www.barelyfitz.com/projects/tabber/tabber-minimized.js no código do seu template pelo LINK fornecido por sua hospedagem;
»Desta forma não haverá o risco de suas abas não funcionarem, a não ser que você hospede muitos arquivos e sua taxa de transmissão de banda ultrapassar o limite do site de hospedagem.

►COMO CONFIGURAR:

☺Se você quiser mudar o menu em abas de lado:
Recorte o código que começa com:

<div class='tabber' id='tab1'>

e termina com:

<div class='tabbertab'>

E cole abaixo de algum sidebar:

<div id='newsidebar-wrapper'>

<div id='rightsidebar-wrapper'>

Para que você não perca o sidebar que contém o menu em abas você deve criar um b:section nele então embaixo de:

<div id='sidebar-wrapper'>

Você deve colar o código:

<b:section class='sidebar' id='sidebar' preferred='yes'/>

Post Atualizado em 04/08/09

► Leia mais...

TEMPLATE BLUE LOVE

2 Colunas , 4 Colunas | 2 Comentários

ESTE TEMPLATE TEM:

►4 COLUNAS, UMA DEDICADA AO ADSENSE COM 120px DE LARGURA;

►POSSUI 3 COLUNAS NO RODAPÉ;

►RECURSO PARA COLOCAR ANÚNCIOS ADSENSE ENTRE OS POSTS.

Clique na imagem para ampliar.

DEMO | DOWNLOAD

Para Configurar o Menu.
Clique em Layout
►Em Elementos de Página altere a Lista de Links logo Abaixo do Cabeçalho;

► Leia mais...

TEMPLATE SimpleAdSense

3 Colunas , Abas | 5 Comentários

ESTE TEMPLATE TEM:

►NA LATERAL DIREITA 2 MENUS COM ABAS SOBREPOSTAS CUJOS CONTEÚDOS PODEM SER EDITADOS ATRAVÉS DO PAINEL "ELEMENTOS DA PÁGINA" OU PELO CÓDIGO HTML ACRESCENTANDO + ABAS OU NÃO;

►É UM TEMPLATE TOTALMENTE CUSTOMIZÁVEL → VOCÊ PODE MUDAR TODAS AS CORES;

►POSSUI 1 SIDEBAR E 1 WIDGET DEDICADOS A ANÚNCIOS DO ADSENSE ATRAVÉS DO PAINEL "ELEMENTOS DA PÁGINA";

►POSSUI 3 COLUNAS NO RODAPÉ;

►RECURSO PARA COLOCAR ANÚNCIOS ADSENSE ENTRE OS POSTS.

(VEJA AS EXPLICAÇÕES SOBRE O MENU EM ABAS EM CONTINUE LENDO)

Clique na imagem para ampliar.

DEMO | DOWNLOAD

Para Configurar as Abas Sobrepostas.
Clique em Layout
►Em Elementos de Página altere o que preferir;
►Em Editar HTML, na caixinha com o código do seu blog faça as alterações necessárias.
▼Clique em Continue Lendo▼

1º►COMO ACRESCENTAR AS WIDGETS NAS ABAS
1º- Clique sobre o número da Aba que você deseja colocar a widget;
2º- Clique em: Editar para alterar o conteúdo da widget que já está naquele número (pode ser apagando a widget e colocando outra ou editando a já existente), ou em Adicionar elemento de página caso este apareça;
►Os TÍTULOS das abas serão sempre o título da widget que você escolher para colocar mesmo que apareça números na página de Elementos de Página.

ATENÇÃO
»O menu em abas funciona com um JavaScript que deve ser hospedado por você;
»BAIXE E SALVE o arquivo java que está em azul:
<script src="'http://www.barelyfitz.com/projects/tabber/tabber.js' type='text/javascript'">;
»Hospede no local de sua preferência substituindo o LINK: http://www.barelyfitz.com/projects/tabber/tabber.js no código do seu template pelo LINK fornecido por sua hospedagem;
»Desta forma não haverá o risco de suas abas não funcionarem, a não ser que você hospede muitos arquivos e sua taxa de transmissão de banda ultrapassar o limite do site de hospedagem.

2º►CONFIGURANDO AS WIDGETS DE POSTS E COMENTÁRIOS RECENTES

Em Layout→Elementos de página:
» A widget de Posts Recentes já estará aparecendo, ou não, por ser a tab ativa em "1", então clique em editar e acrescente o código como está explicado neste link: Widget de Posts Recentes .
»Se a widget de posts recentes não estiver aparecendo clique em Adicionar um elemento de página e coloque a widget que quiser.

» A widget de Comentários Recentes está na tab "2", então clique em 2 e em editar e acrescente o código como está explicado neste link: Widget de Comentários Recentes.

3º►COLOCANDO MAIS ABAS OU MAIS MENUS EM ABAS:
Em Editar HTML, na caixinha com o código do seu blog encontre:

<div id='tabsidebar-wrapper'>

<div class='tabber' id='tab1'>
<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg1' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='Posts Recentes' type='HTML'/>
</b:section>
</div>

<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg2' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='Comentários Recentes' type='HTML'/>
</b:section>
</div>

<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg3' maxwidgets='1' showaddelement='yes'>
<b:widget id='Label1' locked='false' title='Marcadores' type='Label'/>
</b:section>
</div>

<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg4' maxwidgets='1' showaddelement='yes'>
<b:widget id='BlogArchive1' locked='false' title='Arquivo' type='BlogArchive'/>
</b:section>
</div>

</div>

<div class='tabber' id='tab2'>

<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg5' maxwidgets='1' showaddelement='yes'>
<b:widget id='LinkList2' locked='false' title='Sobre o Blogger' type='LinkList'/>
</b:section>
</div>

<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg6' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML3' locked='false' title='Como Instalar o Template' type='HTML'/>
</b:section>
</div>

<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg7' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML4' locked='false' title='Política de Privacidade' type='HTML'/>
</b:section>
<</div>

</div>

</div>

Obs: tab1 e tab2 representam os menus com abas.

►PARA ACRESCENTAR ABAS:
É simples:
Veja que cada código class='tabbertab' representa uma aba.
☺→Então para acrescentar ABAS você deverá copiar este código base:

<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg1' maxwidgets='1' showaddelement='yes'/>
</div>

e colocar no menu que desejar, lembrando sempre de alterar uma coisa:
Está vendo o código em vermelho:tabberwidg1
► SEMPRE QUE VOCÊ CRIAR UMA NOVA ABA DEVERÁ ALTERAR O NÚMERO 1 PARA OUTRO DESDE QUE NUNCA SE REPITAM.
→No código original eu uso de 1 a 7, então para você acrescentar outra aba deverá começar com o nº8.

Feito isso SALVE o seu código e vá em Elementos de página, lá estará o nº da aba que você criou, Adicione o elemento de página que preferir e pronto, sua aba nova já foi acrescentada.

►PARA ACRESCENTAR OUTRO MENU:
Você deve acrescentar entre os códigos:

</div>
►ACRESCENTE AQUI O CÓDIGO BASE ABAIXO◄
</div>

Este código base:

<div class='tabber' id='tab3'>
<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg#' maxwidgets='1' showaddelement='yes'/>
</div>
</div>

→O terceiro menu será representado por tab3.

→Irá funcionar da mesma forma para acrescentar mais abas tendo que alterar o nº(#) da tabberwidg# por um diferente. (O simbolo # representa o nº)

→ Você também terá que acrescentar um código CSS para o menu novo:

Abaixo deste código:
.tabberlive#tab2 { float:right;
}
.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}

Acrescente este:
.tabberlive#tab3 { float:right;
}
.tabberlive#tab3 .tabbertab {
height:200px;
overflow:auto;
}

Pronto!
Se quiser, faça estas alterações e APROVEITEM O TEMPLATE!

► Leia mais...

TEMPLATE RED STAR

3 Colunas | Seja o 1º a Comentar

Clique na imagem para ampliar.

»DOWNLOAD AQUI«

Para Configurar .
Clique em Layout
►Em Elementos de Página altere o que preferir;
►Em Editar HTML, na caixinha com o código do seu blog faça as alterações necessárias.
▼Clique em Continue Lendo▼

1º► COMO CONFIGURAR O MENU SUPERIOR
Em Layout→Elementos da página→Editar HTML→Encontre o código:
<div id='menu'>
<li><a class='current' href='http://http://templatesparavoce.blogspot.com'>Home</a></li>
<li><a href='http://'>Link2</a></li>
<li><a href='http://'>Link3</a></li>
<li><a href='http://'>Link4</a></li>
<li><a href='http://'>Link5</a></li>
</div>

» O que está em AZUL deve ser substituído pelo ENDEREÇO do Link.
» O que está em VERMELHO deve ser substituído pelo TÍTULO do Link

APROVEITEM O TEMPLATE!

► Leia mais...

TEMPLATE ANIME-02

3 Colunas , Abas | 1 Comentário

Clique na imagem para ampliar.

»DOWNLOAD AQUI«

1º► COMO ACRESCENTAR AS WIDGETS NAS ABAS
Em Layout→Elementos da página→Clique nos números 1, 2, 3 e 4 para acrescentar as widgets ou editar as pré-existentes.

Atenção: Cada aba aceita apenas uma widget e o título da widget será o da aba.

»Se você quiser acrescentar mais abas ou mais menus em abas siga as instruções do post do Template Tabs.

APROVEITEM O TEMPLATE!

► Leia mais...

TEMPLATES BUTTERFLY

2 Colunas , Abas | 10 Comentários

Para começar a série de templates femininos com o tema Butterfly
Já estão prontos o Pink e o Yellow para vocês!

Clique na imagem para ampliar.

»DOWNLOAD AQUI«

Clique na imagem para ampliar.

»DOWNLOAD AQUI«

Para Configurar a Barra de Navegação Superior e as Abas Sobrepostas.
Clique em Layout
►Em Elementos de Página altere o que preferir;
►Em Editar HTML, na caixinha com o código do seu blog faça as alterações necessárias.
▼Clique em Continue Lendo▼

1º►CONFIGURANDO OS LINKS DA BARRA DE NAVEGAÇÃO SUPERIOR
Vá em Layout→ Editar HTML e encontre o código:
<div id='tabsE'>
<ul>
<li> <a href='#' title='Link 1'> <span>Link 1 </span> </a> </li>
<li> <a href='#' title='Link 2'> <span>Link 2 </span> </a> </li>
<li> <a href='#' title='Link 3'> <span>Link 3 </span> </a> </li>
<li> <a href='#' title='Link 5'> <span>Link 5 </span> </a> </li>
<li> <a href='#' title='Link 6'> <span>Link 6 </span> </a> </li>
</ul>
</div>

»Substitua # pelo endereço do link e onde está escrito Link 1, Link 2, Link3, Link5 e Link6 substitua pelo Título do link. (Pulei o Link 4 né! Não tem problema não irá interferir em nada a configuração dos seus links.)

» Se quiser acrescentar mais links, copie uma linha como esta:
<li> <a href='#' title='Link 6'> <span>Link 6 </span> </a> </li>

E coloque abaixo da última linha de links e acima da linha </ul>

2º► COMO ACRESCENTAR AS WIDGETS NAS ABAS
Em Layout→Elementos da página→Clique nos números 1, 2, 3 e 4 para acrescentar as widgets ou editar as pré-existentes.

Atenção: Cada aba aceita apenas uma widget e o título da widget será o da aba.

»Se você quiser acrescentar mais abas ou mais menus em abas siga as instruções do post do Template Tabs.

APROVEITEM OS TEMPLATES!

ATENÇÃO
»O menu em abas funciona com um JavaScript que deve ser hospedado por você;
»BAIXE E SALVE o arquivo java que está em azul: <script src='http://tpvoce.googlepages.com/tabber.js ' type='text/javascript'>;
»Hospede no local de sua preferência substituindo o LINK: http://tpvoce.googlepages.com/tabber.js no código do seu template pelo LINK fornecido por sua hospedagem;
»Desta forma não haverá o risco de suas abas não funcionarem, a não ser que você hospede muitos arquivos e sua taxa de transmissão de banda ultrapassar o limite do site de hospedagem.

Para hospedar o arquivo Java leia este Tutorial: Hospedar Arquivos Java

► Leia mais...

Templates Listen Azul e Preto

TEMPLATE LISTEN ROSA

TEMPLATE BLUE LOVE

TEMPLATE SimpleAdSense

TEMPLATE RED STAR

TEMPLATE ANIME-02

TEMPLATES BUTTERFLY

Marcadores

Seguidores

Arquivo do blog

Política de Privacidade