Como colocar um cabeçalho nas visualizações dinâmicas

Após a implementação das visualizações dinâmicas, muitos devem estar se perguntando como personalizá-las e o primeiro passo para isso é adicionar um cabeçalho para diferenciar seu blog dos demais.

 Veja um exemplo abaixo:

 Se você usa a nova interface: Modelo > Personalizar> Avançado> Adicionar CSS

 Se você usa a antiga interface:  Design > Design de Modelo > Avançado> Adicionar CSS




Copie o código:

.header-bar {
background-color:#738a94 !important; /* Cor de fundo */
background-image:url(URL da imagen) !important; /* Imagem de fundo */
background-repeat:no-repeat; /* Se quiser que a imagem se repita trocar por repeat */
height:149px !important; /* Altura do cabeçalho */
border-bottom:25px solid #3b464b; /* Borda inferior */
}
#header .header-bar .title h1, #header .header-bar .title h3 {display:none;}
#header a:hover {text-decoration:none !important;}
#main {margin-top:115px !important;} /* Distancia entre o cabeçalho e o conteudo */

Cole em Adicionar CSS e troque a URL da imagem no lugar indicado e personalize o restante conforme o indicado em verde. 

 Você pode retirar o borda inferior, deixá-la mais fina, ou mais grossa, conforme desejar.