Blogger Template: NB Geek Zone


  Há algum tempo comecei a desenvolver alguns Templates na plataforma Blogger, este é o terceiro que finalizo, e primeiro que estou disponibilizando para download, conforme terminar outros, também disponibilizarei.

→ Antes de modificar o template é aconselhável fazer backup do seu atual, em caso de algo dar errado.

→ A instalação do template é extremamente simples, bastando fazer o upload do arquivo xml no painel do Blogger.


 →  Uma das únicas personalizações que se fazem necessárias nesse modelo é a do menu, para localizara parte que deseja do código use o atalho CTRL + F do teclado, segue abaixo o código que representa o menu:





<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li>
<a href='ENDEREÇO DO SEU LINK AQUI'>Link 1</a>
<ul>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #1.1</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #1.2</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #1.3</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #1.4</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #1.5</a></li>
</ul>
</li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>Link 2</a>
<ul>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #2.1</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #2.2</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #2.3</a></li>
 <li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #2.4</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #2.5</a></li>
</ul>
</li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>Link 3</a>
<ul>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #3.1</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #3.2</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #3.3</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #3.4</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #3.5</a></li>
</ul>
</li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>Link 4</a>
<ul>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #4.1</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #4.2</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #4.3</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #4.4</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #4.5</a></li>
</ul>
</li>
</ul>
</div>
→ A parte destacada em vermelho, é onde vai o seu link.
→ A parte destacada em verde é onde vai o texto que será exibido no menu.


→ A parte destacada em laranja é o lugar de seu sublink.
→ A parte destacada em azul é o texto que aparecerá no menu.


→ Os exemplos servem para o restante do código.


→ Se quiser adicionar ítens no menu, basta repetir o código referente ao item desejado.


→ Se quiser excluir algum dos ítems basta remover a linha correspondente, por exemplo:
- Digamos que você quer remover o terceiro item do menu:




<li><a href='ENDEREÇO DO SEU LINK AQUI'>Link 2</a>
<ul>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #2.1</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #2.2</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #2.3</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #2.4</a></li>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sub Link #2.5</a></li>

</ul>
</li>


→ Neste caso você deve remover a parte destacada em vermelho.

A outra personalização necessária é a da imagem do cabeçalho do blog, neste caso procure no código do template por:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrbv0bHjQBS08bUGbOaIM_JatiUmcGfiHWEPr5zIeooHjos7fc7_9UMeeo7G-xcoaP_F-Jaxg-xvuaFhBDrg7yTK1mqMrfdSDAl2-tNVegb8fpVqaEZ7exaXmukkOwYzDlI7qiKDOaYgbK/s1600/topo.png

E substitua pela URL de sua imagem.
As dimensões do cabeçalho são 987px e 300px.



→ Se alguém encontrar alguma dificuldade para fazer a edição deixe comentário.

0 comentários:

Postar um comentário

 
Meme Connection © Copyright 2010-2012 | Template by Matheus Ribeiro