Diicas

Muitos bloggers costumam ter mais de um blog, e sentimos aquela vontade de colocar os links de todos os blogs de uma forma organizada em todos eles. O melhor jeito é com uma navbar como essa que ensinarei você a colocar em seu blog. 

1°.: Adicionando o CSS

1. Em Blogger.com, click no blog desejado 
2. Depois click em "Modelo" 
3. Agora click em "Editar HTML"
4. Agora use as teclas Ctrl+F
5. Na caixinha de pesquisas que apareceu digite "]]></b:skin>"
6. Cole o código abaixo antes de "]]></b:skin>"

Mamfonline-Diicas ----------------------------------------------- */ .lovablenavbar { width: 100%; background-color: #B90E18; /* A cor de fundo da navbar */ top: 0; left: 0; margin: 0; padding: 0; height:40px; z-index: 3; } ul.lovablenav { height:20px; font-size: 10px; font-style: normal; font-weight: normal; margin: 0px auto 5px; padding: 0; list-style: none; width: 900px; } ul.lovablenav li { float: left; margin: 0px; padding: 0px; } ul.lovablenav li a { color: #FFFFFF; /* A cor dos teus links */ display: block; padding: 14px 18px; text-decoration: none; } ul.lovablenav li a:hover { color: #FFF; /* A cor dos teus links quando passas o rato por cima deles */ } ul.lovablenav li img { margin-top: -10px; padding: 0; }

2°.: Adicionando o HTML

1. Agora na mesma caixa de pesquisa procure por "</head>"
2. E cole o código abaixo de "</head>"

Obs.: Para a navbar funcionar é preciso desativar a do Blogger. Para desativar vá em "Layout", procure pelo elemento "Navbar", clique no botão "Editar", e marque a opção "Desativada", salve.

Você pode gostar