domingo, 24 de janeiro de 2010

Como fazer seu template nativo ou não ser compatível com as Page Tabs

Como já puderam perceber, as minhas páginas estáticas "Powered by Blogger" já estão no ar. Algumas delas você pode já conferir na linkbar acima, e outras em locais específicos do blog.

Conforme eu tinha explicado no post da implementação das páginas estáticas, preferi não usar as opções dos gadgets oferecidos pela plataforma, pela simples razão de que eu já tenho uma barra horizontal abaixo do header (linkbar), e portanto era só uma questão de editar os links.

Caso você não tenha uma linkbar, é só escolher a opção "blog tabs" que o Blogger insere uma barra horizontal abaixo do header (Page tabs), caso você tenha no template a div "crosscool" habilitada.

Como fazer seu template nativo ou não ser compatível com as Page Tabs



Siga esses passos:

1- Certifique-se que a widget das Pages (Pages widget) não tenha sido adicionada, caso contrário delete-a.
2- Vá em Layout >> Editar HTML nas configurações do seu blog
3- Faça o download do seu template.
4- Clique em expandir modelo de templates
5- Procure por três linhas de HTML abaixo:

<div id='crosscol-wrapper' style='text-align:center'>
 <b:section class='crosscol' id='crosscol' showaddelement='no'/>
 </div>

Troque showaddelement='no' por showaddelement='yes'

6- Se este HTML não existir, cole o código por exemplo, após <div id='content-wrapper'> :

<div id='crosscol-wrapper' style='text-align:center'>
 <b:section class='crosscol' id='crosscol' showaddelement='yes'/>
 </div>

7- Confirme que as tabs foram adicionadas e salve o seu Template
8- Vá em Layout >> Elementos de páginas e procure pelo novo gadget horizontal e adicione o gadget das Pages nele.

Fonte : Blogger Help

Nenhum comentário:

Postar um comentário

Pessoal, comentem, críticas e elogios serão bem aceitos. E eu respondo, posso demorar mas respondo. Esse velho lobo do mar tarda mas não falha!!!!

Leia antes a minha Política de Comentários.

Se quiser deixar o link de uma postagem sua, utilize o código abaixo trocando o que está escrito em letra maiúscula:

<p><abbr><em><strong>SEU NOME</strong> - último post do blog... <a href="<strong>LINK-DA-POSTAGEM</strong>"><strong>TÍTULO DA POSTAGEM</strong></a></em></abbr><p>

Artigos recentes

Related Posts with Thumbnails
Google