quinta-feira, 12 de janeiro de 2017

Como criar menu navegação no rodapé do Blogger

menu navegação footer blogger

Hoje vamos compartilhar como adicionar menu links no footer blogger por CB isso é fácil e fica elegante uma vez que também ajuda você colocar links de como por exemplo sobre o blog serviços oferecidos contato ou o que deseja linkar isso é muito útil então para adicionar isso ao Blogger siga os passos abaixo


Adicionando Menu footer navegação Blogger: 

Para isso faça login no blogger então va no menu modelo editar HTML com as
teclas combinadas CTRL+F busque por ]]></b:skin> ou </style> e copie e cole o seguinte código acima disso:

 .ct-wrapper-footer {position: relative;margin: 0 auto;width: 100%;}
.footer-nav { position: relative;width: 100%;z-index: 1000;overflow: hidden;background:#f0f0f0;}
.footer-nav ul {margin: 0 auto;padding: 1em 0;text-align: center;width: 100%;}
.footer-nav li { list-style-type: none; display: inline-block; padding: 0; }
.footer-nav li a { color: #333; display: inline-block; font-style: normal !important; margin: 0 0 0 1em; padding: 0; text-decoration: none; }
.footer-nav li a:after { content: "2022"; display: inline-block; margin: 0 0 0 1em; color: #777; }
.footer-nav li:last-child a:after { display: none; }
.footer-nav ul li a:hover, .footer-nav ul li a:active { text-decoration: none; color: #0D78A5; }

Agora procure por <div class='footer'> .... o código vai aqui.... </div> copie e cole o código:

<div class='footer-nav'>
<div class='ct-wrapper-footer'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Services</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Disclaimer</a></li>
</ul>
</div>
</div>

Salve  e pronto.