domingo, 31 de marzo de 2019

Como hacer un Banner


Como hacer un banner

Hola un saludo
Quiero enseñarte como armar tu Banner de Emprendeworld u otro cualquiera


Si quieres es hacer tu propio banner artesanal necesitas dos elementos imprescindibles.

Una imagen del banner y el enlace hacia donde dirige.

La imagen, la puedes construir mediante imágenes de google y luego modificarlas con Paint u otro programa de edición te textos.

El tamaños de anuncios pueden ser de diferentes tamaños siempre utilizaremos el que más se adapte a nuestros propósitos.

250 x 250 Cuadrado. Este encaja muy bien en los laterales de los blog

200×200 Cuadrado pequeño. Al igual que el anterior, puede aparecer arriba, abajo o al costado del sitio web

468 x 60 Este es largo, por lo que encaja en post o articulos, centrados al final o principio del texto.

728 x 90 Leaderboard.  Al igual que el anterior, puede estar arriba, al medio o abajo del sitio.

300 x 250 Rectángulo inline. Encaja en los laterales de post

336 x 280 Rectángulo largo. Puede aparecer arriba, al costado o abajo del sitio web.

120 x 600 Skyscraper. Puede aparecer en el lado izquierdo o derecho de la página.

160 x 600 Skycraper ancho. Al igual que el anterior, puede aparecer al lado izquierdo o derecho de la página.

300 x 600 Ad de media página. 

970 x 90 Leaderboard large. Puede aparecer arriba, en el medio o abajo del sitio.

Guarda la Imagen en tu PC porque la subiremos a un servidos externo.

Una vez tengas decidido la imagen, el enlace y el tamaño, vamos a montar el código html


EL código tiene este formato

<a href=”enlace“><img src=”imagen“></a>

Fíjate que la imagen la tienes que tener subida en un servidor, propio o externo, en este caso te recomiendo que subas las imágenes en este lugar

Entra aqui:


y añade la imagen, de esta forma te aseguras de tener la imagen del  banner siempre visible y guardada en lugar seguro.

Además puedes incluir más imágenes para Hacer tus propios banners

Ten en cuenta que un Banner consta de dos partes, la imagen y el enlace que apunta hacia el Destino de tu web, blog etc

tipo:


<a href=”enlace“><img src=”imagen“></a>

Ejemplo

Enlace de Emprendeworld

imagen subida a imgur


Como quedaría el código

" target="_blank"><img src="https://i.imgur.com/jDREK07.gif
" alt="" /></a></center>



el codigo <CENTER> Y </CENTER> son para centrar la imagen


Cualquier duda, consúlteme desde el formulario del Blog
JG

No hay comentarios:

Publicar un comentario