Como fazer um banner para seu blogger

Essa é uma dúvida bastante freqüente entre os blogueiros iniciantes, tanto que eu tenho recebido alguns emails e comentários a respeito do assunto.
E os emails e comentário me chegam com a seguinte pergunta: como fazer aquela caixa de distribuição do meu banner? É muito simples galera, e não precisa ficar assustado pensando que terá que aprender a mexer com script e tudo mais, tanto que eu já envie por email, para alguns blogueiros o código, porém, como eu não posso pensar em alguns leitores determinados, ou seja, distinguir um de outro, estarei disponibilizando aqui no blog para quem estiver com essa mesma dúvida.
Como eu falei acima é muito simples de fazer, e o código é o seguinte:

<input onfocus="this.select()" style=" margin-top: .5em;" onmouseover="this.focus()" value="&lt;a target=&quot;_blank&quot; href=&quot;http://newtechsound.blogspot.com/&quot; title=&quot;newtechsound&quot;alt=&quot;newtechsound&quot;&gt;&lt;img src=&quot;http://www.renattoneves.com.br/banner.gif&quot; style=&quot;border: 1px solid #000000&quot; /&gt;&lt;/a&gt;" name="Newtechsound" size="14" type="text"/>

Agora irei distinguir as partes destacadas desse código:
Primeiro em vermelhor: Note que as palavras em vermelho são o link do site e os outros o nome do blog.

Segundo de azul: Em azul é o link da imagem do seu banner.

Terceiro de verde: Esse numero se refere ao tamanho da caixa onde irá ficar o código do banner, ou seja, conforme o tamanho da sua coluna que você irá colocar o seu banner ele pode ser configurado do mesmo tamanho.

E pronto e sua caixa ficará da mesma forma dessa abaixo: