ADICIONAR SEPARADORES (BARRAS VERTICAIS) NO CABEÇALHO DAS PAGINAS CRIADAS VISUALIZAÇÕES DINÂMICAS BLOGGER

Para adicionar separadores entre as páginas por vós criadas (CABEÇALHO) no flipcard das visualizações dinâmicas do blogger deverão seguir os seguintes passos:

ANTES

DEPOIS

1ª PASSO

Blogger > Escolher Blog > Modelo > Personalizar > Avançadas > Adicionar CSS > Adicionar Código em baixo.


#header #pages:before{
border-left: 0px !important;
}
#header .tabs li, .ss{
margin-left:0px !important;
padding-left: 10px !important;
padding-right: 5px !important;
border-left: 1px solid white;
}
_________________________________________________________________________________

Se ainda quiser mais... Depois de por os separadores pode tirar o mais à esquerda e o mais à direita, acrescentar:


#header .tabs li:first-child{
border-left: 0px !important;
}

#header .tabs li:last-child{

padding-right:10px !important;

border-right: 1px solid white;

}

_________________________________________________________________________________

Colocar a cor pretendida na "border-left: 1px solid white;" substituindo o que está a azul por black, red... atenção para não por a mesma cor da barra e pensar que o código não está a funcionar.