Como colocar un banner para tu web o blog.

Home » Tutoriales » Como colocar un banner para tu web o blog.

El día de hoy les mostraré lo sencillo que es poner un banner publicitario de tu web con el código que se podrá copiar y pegar en cualquier otra web para generar mayor publicidad.

Lo primero que debemos hacer es crear el banner que puede ser de cualquier tamaño que quieras.

Ahora bien te muestro un ejemplo de las medidas estándares que actualmente se usan:

Una vez has creado el banner, lo siguiente es subirlo a un servidor de imágenes, aqui nos encontramos con una gran variedad de servidores, y hay muchos muy buenos. Por ejemplo está Picasa(pertenece a google), también está flickr(francamente no lo he usado), otro muy bueno es PhotoBucket, también está Minus(es más reciente, pero he visto que es muy buen), creo que Tumblr se puede usar en blogger, Imageshack(fue bueno en su tiempo), Imagevenue(más o menos), mmm son todos los que se me vienen a la mente ahorita....

Como siguiente paso, debemos obtener la dirección URL de la imagen que subimos al servidor.

Ahora que tenemos la URL pasaremos a crear el código. Para lo cual utilizaremos la siguiente plantilla:

<a href="URLdelBlog" title="NombredelBlog" target="_blank"><img src="URLdelaImagen" style="width:aquiLargopx; heigh:aquiAltopx;"></a>

Donde:
URLdelBlog = La URL del tu blog(ej: http://curiosityistruth.blogspot.com)
NombredelBlog = El nombre como se conoce tu blog (ej.: Curiosity Is Truth)
URLdelaImagen = La URL de la imagen que usaras como banner(http://wallpaperwonder.com/wp-content/uploads/2014/03/Skecth-Anime-Wallpaper-HD.jpg)
aquiLargo = El tamaño de lo largo del banner en pixeles(ej.: 125px)
aquiAlto = El tamaño de lo alto del banner en pixeles(ej.: 125px)

Ahora para darle algo más de estilo podemos usar el siguiente código:

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

<a href="URLdelBlog" target="_blank" title="NombredelBlog">

<img src="URLdelaImagen" style="height: Altopx; width: Largopx;" /> </a></div>

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

<textarea cols="25" rows="3"><a href="URLdelBlog" target="_blank" title="NombredelBlog">

<img style="width: Largopx; height: Altopx;" src="URLdelaImagen"/>

</a>

</textarea></div>