Por Exemplo: Um Banner de 350 x 50
1º lugar ele tem que estar em HTML [no caso do Blogger] por exemplo:
<p align="center">
<img vspace="2" hspace="2" title="Troll Mode ON" alt="Troll Mode ON" src="Link_da_Imagem_anexada"/><br/>
<textarea onfocus="this.select()" style="margin: 2px; width: 180px; height: 50px" onmouseover="this.focus()" name="textarea"><a href="http://troll-mode-on.blogspot.com/" target="_blank"><img border="0" title="Troll Mode ON" alt="Troll Mode ON" src="Link_da_Imagem_anexada" /></a></textarea></p>
2º Copie esse código HTML ACIMA e Faça a Seguinte alteração:
.... src="Link_da_Imagem_anexada"/><br/> .... substitua o Link_da_Imagem_anexada pelo link da Imagem que você upload, vc vai ver [eu fiz pelo picasa web]... mas tbm pode anexar a image 4shared, outro site.
.... title="Troll Mode ON" alt="Troll Mode ON" .... substitua o nome do blog Troll Mode ON pelo nome do seu website, seja um blog, ou tumblr, ou wordpress, ou um website qualquer
.... <a href="http://troll-mode-on.blogspot.com/" .... substitua o link http://troll-mode-on.blogspot.com/ pelo link do seu site, pois se deixar esse link, acaba entrando neste blog
Pronto agora só anexar no seu blog....
Configurações avançadas
<img vspace="2" hspace="2" ....
vspace="2" <<< Espaço vertical ~~~> está configurado como 2
hspace="2" <<< Espaço horizontal ~~> está configurado como 2
Pode ser alterado.
como alterar a caixa HTML
no exemplo está uma caixa 180 x 50 com margem 2
Obsrevansdo o Link HTML, vc vai ver:
... "margin: 2px; width: 180px; height: 50px" ...
margin: 2px ... Margem da caixa ==> 2px
width: 180px; ... Dimensão Horizontal ==> 180px
height: 50px" ... Dimensão Vertical ==> 50px
Recomendo que faça somente o link das dimensões pois o Margem pode complicar um pouco
Eu tive que ciar essa página pois um site começou a dar um problema... e fiz um esquema que pode abrir numa outra janela.