martes, 19 de marzo de 2013

 photo bannerfray_zpsedad61f9.gif


Hola! 

Hoy les dejo una muy buena  linda página para que hagan banners, carteles, encabezados (como el que hoy uso en esta publicación).
Se trata de esta página: http://textanim.com/#text Te da una plantilla base para que completes con el nombre del banner, fuente ( vista previa te permite elegir el estilo), fondo (si o no) del cartel, direccion de la animacion de fondo de las letras y una serie bastante amplia de efectos, que se verán dentro de las letras del nombre que hayas escrito.

 Luego pulsa GENERATE y arriba de la planilla se generará el banner nuevo en pocos segundos. 

Algunos detalles importantes: Si vas a realizar un encabezado necesitarás usar una fuente en tamaño grande, mas de 40. Luego puedes realizar los mismos en tamaño menor y te quedarán juegos de banner con el mismo estilo, para colocar en tu blog. 

Guarda cada imagen con boton derecho > Guardar imagen como... > En una carpeta en tu computador (ejemplo en IMAGENES). Ahora, vamos al tema animación. Si subes la imagen a tu blog así como la guardaste, es probale que la animación se pierda. 

 Para que sí aparezca, o sea, para que el gif tenga suficiente fuerza necesitas hacer un hosting o alojamiento para tu nuevo banner en una página para esos fines. Recomiendo usar https://imageshack.us para alojar mis gif. Es una plataforma seria que, además, te permite editar, colocar animaciones, hacer videos y mucho más con tus imágenes. 

Debemos de sacar una cuenta aquí o sea registrarnos. 

Seguimos. Una vez que obtienes una cuenta, sube la imagen y busca el código de enlace de tu imagen. Te dará algo así:


<a href="http://photobucket.com/" target="_blank"><img src="http://...aca la url de tu imagen...." alt="Photobucket" border="0" /></a>

Entonces usa esta ruta para colocar tu imagen en el blog. Utiliza un GADGET  HTML, donde van los códigos. 

Donde dice alt coloca el texto que se leerá al colocar el cursor sobre la imagen. Si no te interesa, dejalo vacío. Si se trata de un encabezado, obviamente el enlace será a tu propio blog. Y, por último, quieres centrar la imagen coloca la orden center al principio y final del código. Quedaría algo así:

<center><a href="http://...aquí tu blog....com/" target="_blank"><img src="http://...aca la url de tu imagen...." alt="...nombre..." border="0" /></a></center>

Lleva un poquito de tiempo, pero vale el esfuerzo. Hay animaciones muy bacanas.


Buena suerte muchachos !


 photo Fabian_zps29ffb595.gif

No hay comentarios:

Publicar un comentario