Imagem no cabeçalho do template dinâmico

Coloque sua logo ou qualquer outra imagem na header de seu template dinâmico, assim você ficará de fato com um template exclusivo além de deixa-los esteticamente mais profissional. Veja aqui as modificações que fiz em um destes templates.


Vá até o "Modelo de seu blog", clique em "Personalizar"

  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Dinâmico, do novo Blogger, implementado em julho de 2011

Ao abrir essa janela, vá em Avançar -------> Adicionar CSS 

Copie e cole este código abaixo, colocando no local indicado o endereço de sua imagem (em azul),  depois clique em "Aplicar ao blog" (se quiser que o título de seu blog apareça, apague a parte que está em vermelho)

#header .header-drawer.sticky, #header .header-drawer  {
top: 134px;
}

#header.header .title a h1, #header.header .title h3{
display: none;}


#header-container #header.header .header-bar span.title{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwIPJ6cao2xzcqMQID5fD0sMUxf3Lux3qoJnSssMSme-XHg9pgJGFh04NrLML3josbPBT0TQw0_hg_Tc3_XHxWvnOGA8t7Zq8e_NE80vrlbYO0ESG1d9ZCfa8jopSh9pn1soPyiWq8OHI8/s1600/1.png)
no-repeat center;
margin-left: auto !important;
margin-right: auto !important;
height: 165px;
}


#header .header-bar{
height: 165px;
}
 
#header:hover .header-drawer, #header .header-drawer.open, .header-ssyby, body.viewitem-open #header .header-drawer {
top: 165px;
}
 
#header-container {
height: 205px;
}
 
.viewitem-panel .viewitem-inner {
top: 100px;
padding-bottom: 120px !important;
height: auto !important;
}