Para poderem substituir o título do blog por uma imagem, tem de primeiro fazer o upload da imagem que querem para o blogger.
Fazer o upload da imagem:
Acedam a Template - Page Elements e cliquem no link Add a Page Element. É aberta uma janela pop up e nessa janela escolhem a opção Picture e clicam no link Add to Blog respectivo.
No campo Title uma palavra para vos facilitar a pesquisa deste elemento no template posteriormente. Vou supor que a palavra escolhida é XPTO para referência futura.
Indicam a localização da imagem (podem carregar uma imagem que esteja no vosso computador ou indicar a localização da imagem na internet).
Desmarcam a opção shrink to fit.
Para guardarem a imagem clicam em Save Changes.
Colocar a imagem no título:
Acedam agora a Edit HTML, e pesquisem a palavra XPTO. Vão encontrar a seguinte linha:
<b:widget id="'Image1'" title="'xpto'" type="'Image'/" locked="'false'">
Seleccionem a linha, façam CTRL+X (fazer cut) e pesquisem a palavra Header1. Vão encontrar um linha do género:
<b:widget id="'Header1'" title="'testes" type="'Header'/" locked="'true'">
Apaguem esta linha e façam CTRL+V (fazer paste).
De seguida, apaguem a palavra XPTO
<b:widget id="'Image1'" title="''" type="'Image'/" locked="'false'">
Guardem o template clicando em Save Template.
Para alterar o alinhamento, retirar bordos, aumentar ou diminuir espacejamentos, têm de alterar as definições de CSS da classe header.