Como colocar uma imagem no titulo do widget (blogger mais recente)

Aprenda abaixo a como colocar uma imagem de sua autoria no topo do widget desejado, lembrando que este poste faz parte de uma série que mostrarei como você vai estar personalizando se blog (blogger) sem a necessidade de recriar o template.

Passos:

1- O primeiro passo, é você criar a imagem com o nome do titulo do seu widget, para isso você pode usar programas como Corel DRAW, Ilustrator ou até mesmo photoshop. O tamanho da imagem-titulo vai depender do tamanho do seu widget no seu blog. Veja o exemplo de uma imagem criada abaixo para um widget de marcadores:

2- Depois você vai ter que hospedar esta imagem em algum site de hospedagem de fotos gratuita, o meu site preferido é o Imgur pois tem uma boa interface para o usuário. Mas você pode escolher entre vários que tem na internet.

3- Depois de hospedado, salve o link da foto, e vá no painel de controle do seu blog (blogger), escolha o blog de preferencia, em seguida aperte em modelo, depois em editar html.

4- Assim você avistar o código do seu site você vai apertar  Ctrl+f e procure o nome do widget desejado.

5- Depois  você vai expandir o código do widget clickando em todos os triângulos que aparecem abaixo do nome do seu widget. Veja a imagem abaixo:

6- Em seguida substitua o código <data:title/> por <img src="AQUI COLOQUE O LINK DA SUA IMAGEM HOSPEDADA" />

Veja a imagem a abaixo:

7- Coloque o link da imagem hospedada no lugar do texto em azul. Depois é só mandar visualizar e  ver se deu tudo certo, se foi concluído salve, se não foi feche sem salvar e tente novamente.

Obrigado pela atenção! ÁÁ, não esqueça de comentar!