Como ya sabreis, los banners son esas imagenes (tambien los hay flash) que sirven para anunciar algo o para que enlacen con nuestro blog o web. Hay varias paginas que nos permiten realizarlos online, pero algunas llevan publicidad o simplemente no tienen el diseño que nosotros quisieramos. Por eso mismo, os voy a mostrar en unos pocos pasos como se va 'gestando' utilizando CSS3 y alguna imagen que otra. Asi conseguiremos, personalizandolo poco a poco, que obtenga el diseño mas acorde que teniamos en nuestra mente.
Para empezar, primero de todo necesitamos el fondo. Aqui podemos utilizar una imagen, pero este caso usare solamente CSS3 con degradados en color azul para darle un toque mas elegante. Tambien añadire el tamaño del banner, en este caso como ejemplo lo haremos de 300px de ancho por 300px de alto.
Tambien le pongo un borde, unas sombritas y le redondeo un poco las esquinas.
Le pongo el texto que quiera y que combine bien con el resto.
Visita REDEANDO
Y por ultimo, se le pone una imagen o logo y lo animamos todo un poco. ¡Listo, banner hecho!
Se le pueden añadir mas elementos, colores y efectos, pero eso ya es cuestion de cada un@. Yo os dejo el codigo que he utilizado y vosotros podeis personalizarlo como querais. Donde esta en color rojo teneis que poner la url de vuestro blog o web, la url de la imagen o logotipo y el texto