Crear Banner para ser Afiliados por otros blogs.

Lo primero que haremos sera crear nuestro Banner personalizado os dejo este ENLACE para que veáis como poder crear el vuestro con movimiento.
Una vez creado nuestro Banner lo subiremos a un servidor de imágenes , yo utilizo http://imageshack.us/. Os recomiendo crear una cuenta ya que si no lo hacéis al pasar un tiempo la imagen se elimina.
En este servidor de imágenes subiremos la nuestra.
Podréis subir también un Banner sin movimiento (una imagen normal), os recomiendo seleccionar Optimizar sin cambiar el tamaño.

Ahora haremos clic en Cargar ahora.

Veremos como se cargan las imágenes.

Nos aparecerán unos códigos una vez subido el banner , ahora dejaremos la página abierta e iremos a nuestro blog.

Iremos a Diseño y seleccionaremos Añadir un gadget, entre las opciones que aparecen elegiremos HTML/Javascrip.

En la ventanita que aparece pegareis el siguiente código:

Recordar eliminar el texto que he puesto en mayúsculas dentro de las comillas por lo que pide.

<a href="AQUÍ VUESTRA URL DEL BLOG QUE QUEREIS QUE AFILIEN OTROS BLOGS/"><img border="0" src="AQUI EL ENLACE DIRECTO DE IMAGESHACK" /></a>

Si queréis poner varios Banner juntos este código hará de separador entre ellos.

<br />

Justo debajo de este primer código que os he compartido pegaremos este otro.

Con este código os aparecerá la cajita desde donde podrán copiar el código para que os afilien otros blogs.

<div style="text-align: center;">

<textarea style="height: 35px; margin: 2px; width: 109px;">&lt;a href="AQUI EL ENLACE DE VUESTRO BLOG"&gt;&lt;img border="0" src="AQUÍ EL ENLACE DIRECTO DE IMAGESHACK" /&gt;&lt;/a&gt;</textarea></div>

Con este código os aparecerán unas dimensiones para ajustar vuestro banner son las mismas que yo he utilizado 35px de ancho por 109px de alto.

Si queréis cambiar el tamaño solo tenéis que modificar estas dimensiones y poner las que queráis os las he dejado en el código en color rojo.

Ahora haremos clic en guardar y colocaremos el HTML/Javascrip donde queramos que se vea en nuestro blog.

Recordar que podíamos mover el código HTML/Javascrip por Diseño y colocarlo donde quisiéramos arrastrándolo hasta el lugar elegido.

Por ultimo haremos clic en Guardar disposición y ver como ha quedado en nuestro blog.

Si queréis que aparezca vuestro Banner en alguna publicación de vuestro blog, a la hora de añadirlo tendréis que hacer clic en HTML.

Ahora copiaremos nuestros dos códigos y los pegaremos.

Ahora haremos clic de nuevo en Redactar y veremos nuestro Banner en la entrada que estamos preparando, como veis en la imagen se ha quedado descentrado así que lo centraremos a nuestro gusto.

Para ajustarla seleccionaremos la imagen con el botón izquierdo  del ratón y haremos clic en la opción de la barra de herramientas de blogger , elegiremos si lo queremos centrado , derecha o izquierda.

Haremos lo mismo con la cajita de texto.

Con estos pasos ya esta listo nuestro Banner tanto en nuestro blog para ser afiliados como en la publicación donde queremos que aparezca.

Por ultimo si no queréis que aparezca la cajita de texto en la publicación son los mismos pasos pero sin copiar el segundo código.

<a href="http://decoratublogconlucia.blogspot.com.es/"><img border="0" src="http://img846.imageshack.us/img846/9707/gifdecoratublogconlucia.gif" /></a>