Este es el segundo de 3 artículos que he dedicado sobre banners publicitarios, como dije en el primero si trabajas o piensas comenzar a trabajar en cualquier negocio online es muy probable que necesites banners para promocionar tu negocio es por ellos que decidí hacer estos 3 artículos:
-
Como hacer banners animados con Photoshop (ver este artículo).
-
Como conseguir el código HTML de tu banner.
-
Como colocar tus banners en tu blog de WordPress (usando el codigo HTML).
Aclaro que se muy poco, casi nada, de programación en HTML, así que lo que te voy a explicar acá lo podes aplicar sin saber nada de programación.
Los elementos que debe contener el código HTML de tu banner son basicamente 3:
- Código URL de tu banner.
- Código URL de la pagina de destino (es la pagina a la que quieres que dirija cada persona que da click en tu banner).
- Tamaño de banner (en pixeles).
Tanto el código URL de tu página de destino como el tamaño vos no tendrás ningún problema con conseguirlo, no podes publicitar con un banner si no sabes a que dirección quieres llevar tu trafico y tampoco podes tener un banner sin saber su tamaño (parece algo obvio.. jaja).
Ahora te voy a decir un pequeño truco que yo uso para conseguir el código URL de un banner que tengo en mi PC. Simplemente lo que hago es cargar mi banner en la aplicación Fotos que da Google, para cargar el banner solo tengo que arrastrarlo hasta la página de Google Fotos. Si no sabes como acceder a Google Fotos mira la siguiente imagen (es el navegador Google Chrome).
Una ves cargado el banner le das click izquierdo (para abrir el banner), y luego click derecho y click en copiar direccion de imagen (listo ya tenes el URL de tu Banner).
Ya tenes todo el material para armar tu código HTMl!!… Pero dirás.. Y como creo el código???
Como soy muy bueno acá te dejo dos códigos HTMl de banners, uno para que al hacer click tu página de destino se habra en la misma pestaña y otro para que se abra en una pestaña nueva (siempre mas recomendable)
CODIGO HTML DE BANNER – Abrir en misma pestaña…. <a href=»COLOCA AQUI URL DE PAGINA DE DESTINO»><img src=»COLOCA AQUI URL DE BANNER» width=468 height=60 /></a>
CODIGO HTML DE BANNER -Abrir en nueva pestaña.. <a href=»COLOCA AQUI URL DE PAGINA DE DESTINO» target=»_blank»><img style=»opacity: 1;» src=»COLOCA AQUI URL DE BANNER» width=»468″ height=»60″ /></a>
Lo único que tendrán que hacer es reemplazar los datos, y colocar en su lugar los datos correspondientes (cuando coloque cada dato, URL de banner, URl de pagina de destino, y dimensiones de su banner no borren las comillas). Por si no saben width es ancho de su banner y heigth es el alto (en el ejemplo el banner es de 468×60 pixeles).
Así les tiene que quedar (pero con sus datos obviamente):
<a href=»https://www.fortadpays.com/index.php?ref=75477″><img src=»https://www.fortadpays.com/upload/banners/03080021032015.jpg» width=468 height=60 /></a>
Bueno si no entendieron lago de que les escribí en este artículo lo pueden repasar en este vídeo de mi canal donde explico lo mismo. Y si pueden suscribanse a mi canal.. no cuesta nada.. jaja
En el próximo artículo les enseñaré a insertar los banners en su blog.. estén atentos!!.
Si están buscando promocionar algún producto por medio de banners tengo para recomendarles un curso 100% gratis sobre marketing online. En el que aprenderan en 14 días a vender lo que quieran automatizadamente ganado comisiones por ello (muy buen dinero..). Les dejo el link para que se suscriban.
Suscribete aqui curso Marketing Online 100% Gratis.
Espero les haya sido de mucha utilidad esta info. Nos leemos en el próximo articulo!!. Saludos!!
Luis Forgiarini
Skype: luisfor09
Facebook: https://www.facebook.com/luisforg