Resolvi fazer este artigo, pois sei que há muita gente como eu, louca para saber como colocar os links em botões de Templates. (Aconselho a criar outro blog como teste para quando der certo, colocar no que você realmente usa, caso contrario é por sua conta e risco...)
<li><a href='#EDITAR'>Home</a></li>
<li><a href='#EDITAR'>Sobre</a></li>
<li><a href='#EDITAR'>Fotos</a></li>
<li><a href='#EDITAR'>Contato</a></li>
</ul>
</div>
<li><a href='COLOQUE O URL'>Home</a></li>
<li><a href='COLOQUE O URL'>Sobre</a></li>
<li><a href='COLOQUE O URL'>Fotos</a></li>
<li><a href='COLOQUE O URL'>Contato</a></li>
</ul>
</div>
Então vamos la!!!
Editar o Botão Pelo HTML
Primeiro vá em modelo, e em seguida aperte em "Editar HTML"
(Este é um blog teste)
Ao entrar no HTML, aperte Ctrl+f, irá abrir uma caixinha de pesquisa, onde você poderá navegar pelo HTML.
(Como aparece na imagem a baixo "Search")
Em seguida coloque isto na caixa de busca: <li><a href=
Então marcado de cor amarela irá aparecer isso (peguei o exemplo do meu HTML personalizado do blog teste):
<li><a href='#'>Category</a>
<ul class='sub-menu'>
<li><a href='#'>The World</a></li>
<li><a href='#'>Top News</a></li>
<li><a href='#'>Videos</a></li>
</ul>
</li>
<li><a href='#'>Post Format</a></li>
<li><a href='#'>Post Layout</a></li>
<li><a href='#'>Post Reviews</a></li>
<li><a href='#'>Error 404</a></li>
<li><a href='#'>Download</a></li>
São tipo estes (depende de qual e quantos botões tem no seu HTML), ou aparecerá assim:
<div id='menu'>
<ul><li><a href='#EDITAR'>Home</a></li>
<li><a href='#EDITAR'>Sobre</a></li>
<li><a href='#EDITAR'>Fotos</a></li>
<li><a href='#EDITAR'>Contato</a></li>
</ul>
</div>
Colocando os links nos botões
Vou pegar o estilo do segundo HTML, mas a explicação serve para os dois (não confundam, é a mesma coisa)
Coloque o link entre <li><a href='COLOQUE AQUI O URL DA PAGINA QUE VOCÊ QUER QUE REDIRECIONE'>Sobre</a></li>
<div id='menu'>
<ul><li><a href='COLOQUE O URL'>Home</a></li>
<li><a href='COLOQUE O URL'>Sobre</a></li>
<li><a href='COLOQUE O URL'>Fotos</a></li>
<li><a href='COLOQUE O URL'>Contato</a></li>
</ul>
</div>
E pronto, aperte em Salvar Modelo e finish, vá em visualizar o seu blog e teste, se estiver tudo direitinho, coloque no blog que você usa (siga os passos completamente e não terá erros) os botões iram direcionar para a página que você colocou no HTML.
Então o que acharam?
Me diga se os ajudei, ficarei muito feliz em saber, sigam o blog, qualquer erro entre em contato.
0 comentários: