Informações sobre o Template Clips

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 e COMO ACRESCENTAR AS WIDGETS NAS ABAS

»Clique na imagem para ampliar

► Você pode inserir os links no menu superior usando uma Lista de Links. → ATENÇÃO: NÃO COLOQUE O TÍTULO NESTA LISTA DE LINKS, SENÃO FICA DESALINHADO!

►Os TITULOS das abas serão sempre o título da widget que você escolher para colocar.

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><!-- End tab1-->

<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><!-- End tab2-->

</div><!-- End Tabsidebar-->

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><!-- End tab2-->
►ACRESCENTE AQUI O CÓDIGO BASE ABAIXO◄
</div><!-- End Tabsidebar-->

Este código base:

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

→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!

Lorem Ipsum

"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam augue tortor, feugiat non, molestie et, auctor vel, nisi. Nulla mauris elit, volutpat eu, hendrerit at, volutpat et, enim. Donec enim nisi, scelerisque eget, gravida id, tincidunt vel, tellus. Fusce nec pede a erat tristique aliquet. Nullam accumsan, tellus vitae lacinia euismod, nunc nibh aliquam felis, at sollicitudin nunc ligula non mauris. Nulla facilisi. Aliquam nunc. Mauris at urna. Sed orci nibh, porttitor feugiat, auctor ut, viverra et, purus. Donec in sem a magna auctor viverra. Nulla elit arcu, rhoncus a, porta ut, sodales sit amet, sapien. Vivamus pulvinar, arcu molestie tristique sollicitudin, sem magna rhoncus tortor, ut egestas felis risus vel metus. In quis mauris. Etiam elementum justo vitae tortor.

Donec neque. Curabitur tempus, odio pulvinar ullamcorper fringilla, pede justo molestie enim, vitae fermentum nulla augue eget metus. Nunc volutpat euismod lectus. Ut risus justo, placerat eu, ullamcorper nec, scelerisque ut, justo. Sed sit amet enim. Nullam non sem in mi adipiscing ultricies. Pellentesque in ligula non tortor imperdiet fringilla. Nulla eget nisi. Mauris felis sem, aliquet commodo, porttitor ac, porta nec, tortor. Quisque ut purus.

Nullam tristique dolor nec velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed egestas consectetuer mi. Suspendisse potenti. Fusce posuere convallis risus. In venenatis tempor felis. Nullam ut mauris tempus nulla auctor volutpat. In hac habitasse platea dictumst. Duis tincidunt blandit quam. Morbi venenatis turpis vel augue. Fusce eu ligula. Nullam eu nunc vel pede dignissim fringilla.

Donec iaculis. Quisque purus ipsum, fringilla quis, gravida quis, fringilla ac, lectus. Aliquam pharetra ligula eget justo fermentum posuere. Suspendisse condimentum tempus augue. Praesent luctus pulvinar risus. Donec consequat euismod pede. Mauris ullamcorper suscipit lorem. Aliquam sapien risus, congue et, adipiscing sit amet, semper in, felis. Donec blandit iaculis quam. Fusce sit amet odio in ipsum malesuada congue. Donec orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam congue.

Nunc convallis. Quisque eleifend, dui ac ultrices consectetuer, nisi felis aliquam lectus, non dapibus nisi nulla id risus. Sed volutpat mi id quam. Proin facilisis, diam dignissim eleifend egestas, sem dui malesuada felis, eu semper nisl orci et ante. Sed placerat. Ut nec dolor quis augue laoreet ultricies. Nunc porta. Nunc quis ante. In tempus odio sit amet urna. Pellentesque eu tellus. Ut faucibus elit accumsan lectus. Vestibulum porttitor. Nam euismod sapien ac nulla. Ut non risus in mi venenatis aliquam."

FELICIDADE!

Oi! Meu nome é Felicidade. Faço parte da vida daqueles que têm amigos, pois ter amigos e ser feliz.Faço parte da vida daqueles que vivem cercados por pessoas como você, pois viver assim e ser Feliz!Faço parte da vida daqueles que acreditam que ontem e passado, amanha e futuro e hoje e uma dádiva, por isso chamado presente.Faço parte da vida daqueles que acreditam na forca do Amor, que acreditam que para uma historia bonita não há ponto final.Eu sou casada sabiam? Sou casada com o Tempo.Ah! O meu marido é lindo!Ele é responsável pela resolução de todos os problemas.Ele reconstrói corações, ele cura machucados, ele vence a Tristeza...Juntos, eu e o Tempo tivemos três filhos:A Amizade, a Sabedoria, e o Amor.A Amizade é a filha mais velha. Uma menina linda, sincera, alegre.A Amizade brilha como o sol.A Amizade une pessoas, pretende nunca ferir, sempre consolar.A do meio é a Sabedoria, culta, integra, sempre foi mais apegada ao Pai, o Tempo.A Sabedoria e o Tempo andam sempre juntos!O caçula é o Amor.Ah! Como esse me dá trabalho!E teimoso, às vezes só quer morar em um lugar...Eu vivo dizendo: "Amor, você foi feito para morar em dois corações, não em apenas um".O Amor é complexo, mas é lindo, muito lindo!Quando ele começa a fazer estragos eu chamo logo o pai dele, o Tempo. E aí o Tempo sai fechando todas as feridas que o Amor abriu!Uma pessoa muito importante me ensinou uma coisa:Tudo no final sempre dá certo, se ainda, não deu, é porque não chegou o final.Por isso, acredite sempre na minha família.Acredite no Tempo, na Amizade, na Sabedoria e, principalmente no Amor.Ai... com certeza um dia, eu, a Felicidade, bateremos a sua porta!!!Tenha Tempo para os Sonhos!Eles conduzem sua carruagem para as Estrelas.Tenha uma ótimo dia. E não esqueça...Sorria!!!

(Autor Desconhecido)