Blogger NavBar

Ativei a Navbar do meu blog e vi meu tráfego crescer[...] Um dos recursos do Navbar é um botão chamado NextBlog. Clique nele para visitar o próximo blog ativado para Navbar. O fato é que esse jeito viciado de alternar entre os blogs é muito atraente. Conseqüentemente, o botão do próximo blog chama muito a atenção.

A Navbar nativa do Blogger é um daqueles gadgets que uns amam e outros odeiam. Dificilmente vemos templates personalizados exibindo a ferramenta por ai mas este recurso pode ser muito útil para nós blogueiros acessarmos o painel do nosso Blog.

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Personalizando a NavBar

NavBar Colorida

O Blogger oferece apenas 5 cores para a navbar mas você pode personalizar o seu modelo inserindo uma imagem no código. Vá ao painel Layout e na opção da NavBar que fica no canto superior direito selecione o modelo transparente. Agora vá ao modelo e acesse Editar Modelo e procure ]> e logo acima cole o seguinte código:

#navbar-iframe{background-image: url(http://i43.tinypic.com/fc3aqu.png); float: bottom-page;}

#navbar-iframe{background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgup3ZXnGktjTWT98UaMonjnm8EkvwhXGUJz5RLiSLwfwWnQT2hg6AgL-R9t53e31UD0_5zHe2oUkyAJWvVGjaFPR9D4bjk0-8-Zg8QC1zeunCGPAFpgUnQHnPo5tv-Oee3N3QIiSJ5Yc/s1600/2icbi1v.png); repeat-x; float: bottom-page;}

#navbar-iframe {
opacity:0.0;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100)
}

#navbar-iframe {
position: fixed;
right: 0px;
bottom: 0px;
left: 0px;
}