Como colocar links nos botões de Templates Personalizados?

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

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: