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