Inicio - Home

Banners o encabezados animados - Recursos para tu blog -



Photobucket Hola! Hoy les dejo una linda página para que hagan banners, carteles, encabezados (como el que hoy uso en mi blog).

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 carpetita en tu pc.
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. Como en este ejemplo delmismo cartelito que coloqué arriba.


Como ves, no aparece la animación. Para que sí aparezca, o sea, para que el gif tenga suficiente fuerza (cosa que suele suceder con muchos gif animados... que se desaniman a la hora de subirlos como imagen al blog, no te ha sucedido?) necesitas hacer un hosting o alojamiento en una página para esos fines.
Yo uso http://photobucket.com/ 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. Te aliento a sacar una cuenta aquí.

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 una cajita HTML, donde van los códigos. Luego reemplaza algunos detalles, como el enlace a Photobucket por la url de tu blog o lo que quieras enlazar a la imagen.
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 lindas.
Bueno, saludos y si quieren me dejan su voto. En Argentina seguimos en verano, y en tu país?

Feripula

23 besos para Feripulino:

ArTeSaNiC´a

enero 20, 2010

Gracias Ferip, quedó reclarito!!!
Besos♥♥

Recursos para tu blog - Ferip

enero 20, 2010

De nada! Un beso!

Reviso el mail por el tema de las columnas y te digo.
Aguante Boca!!!!!!!!!!

ArTeSaNiC´a

enero 20, 2010

Ja, ja , tengo un problema no puedo quitar la cabecera pongo el cartel pero me queda remal, bua , que molesta que soy.
Besotes♥♥

ArTeSaNiC´a

enero 20, 2010

No puedo eliminarla?

Recursos para tu blog - Ferip

enero 20, 2010

Uy!!! quiero ver!!!!
Si, claro que podés.
Esperá un ratito...Porque se atora el blog con tantas órdenes :S

Laura Suárez

enero 20, 2010

me gusta!! lo voy a intentar, pero en mi blog las cosas se "atoran" y se "desaniman" muy fácilmente...ajja... si llego a buen puerto te aviso! besos!

SUsana

enero 20, 2010

Feri:
A mí siempre se me almidonan los gifs. Me mato buscando, eligiendo, armando y después se quedan duros.
Gracias por tu explicación.
Besos,
SUsana

Laura Suárez

enero 21, 2010

bueno...parecía tan fácil... :(
fuiste tan clara...
¡no me sale la animación!

si no te molesta: en algún momento me podes mandar un ejemplo concreto asi veo donde está mi error??

bssss

Recursos para tu blog - Ferip

enero 21, 2010

Hola Chicas!
a ver, si se almidonan los gif es porque hay que subirlos al hosting y usar esos, NO los primitivos, ya que no tiene suficiente fuerza la animacion inicial.

Si eso lo hicieron debería funcionar.
SU: cuando pasa eso, guardá tu gif animado (por supuesto, hay gif o sea imágenes comprimidas, que no son animadas... se entiende, no?), cualquiera, subilo al hosting, y usá ese. Vas a ver que la animación funciona.(Bueno, debería :)

Lauri:
Los ejemplos son los que coloqué en el blog. Mi encabezado y el cartelito del post. Me pedías otra cosa? decime sin problema.

Bueno, besos y me voy a tomar unos mates.

claudia

enero 21, 2010

Hola, voy a ver esta recomendación que se ve muy buena.

Laura Suárez

enero 21, 2010

Feri: te mandé un correo a la cuenta de gmail, no hay apuro en responder! besos, Laura

Varla

enero 21, 2010

Te mandè un correo a tu cuenta, la que casi nunca abres. Y te mandè la invitaciòn para ser miembro de nuestro club. Un beso Varla.

Sergio

enero 21, 2010

Ferípula que bueno que me comentaste de este otro blog tuyo, vine a ver y se que me va a ser de gran utilidad, mis conocimientos son muy limitados en esto de monear el blog, gracias por tu esfuerzo y trasmitirnos tus conocimientos, iré probando algo de lo que publicas.

Un abrazo con amor

Gildo Kaldorana

enero 22, 2010

Muy bueno el invento. Gracias
Aqui (Barcelona)hace frio, pero no tanto como en otros sitios del centro de España.
Desde aqui, un saludo.

Paolita

enero 22, 2010

HOLA YO SE QUE NO ES EL TEMA DE ESTE POST, PERO TE PIDO PÒR FAVOR NOS ENSEÑE A MIGRAR LOS COMNETS DE HALOSCAN A DISQUS....http://lateral.netmanagers.com.ar/tr/es/weblog/posts/BB856.html?fbc_channel=1

claro q en la web ahy uno pero no lo suficiente entendible (ESTA EN LENGUAJE PARA PROGRAMADORES), a que la mayoria de blogger no somos expertos en sistemas



GRACIAS POR LA PRONTA RESPUESTA

Recursos para tu blog .:*:. Feripula .:*:.

enero 22, 2010

Lo veo y te cuento, Paolita.
Saludos!

jusugm

enero 22, 2010

jooo aqi es inviernooo!! q suerte!! xD

ArTeSaNiC´a

enero 28, 2010

Hola Ferip, volvi de mi descanso y retomo el tema del encabezado, yo coloqué el banner animado de la página que vos nos distes, creo que ya lo vistes, como lo coloco en el encabezado me queda de costado y no centrado, si lo coloco en gadget como vos decis y le coloco el center y todo eso, me queda bien pero sigo teniendo el encabezado no lo puedo sacar, vos me dijistes que lo puedo eliminar ¿como? me decis?
Besotes

Sandra

marzo 15, 2010

Hola Feri

tengo un problemon, talvez me podes ayudar. en mi blog eco-honduras.blogspot.com quiero incluir el código para que mis lectores lo copien sin embargo lo que aparece en el post es la imagen y no el código, no se mucho sobre códigos html pero he visto en varios de tus post que incluyes codigos como ejemplos... auxilioooo ayudame

Helena Pahino

mayo 02, 2010

Hola Ferip.Necesito hacerte una pregunta sobre mi blog.Si puede ser respondemela en un comentario en un blog mio.
Al cambiar la plantilla de mi blog queda bien,pero no me aparece el enlace de acceder.Y tengo que ir a otro blog para acceder a mi cuenta de blogger y luego volver al mío.¿Sabes como se soluciona?

Recursos para tu blog - Ferip -

mayo 04, 2010

Helena: necesitas agregar el boton de Blogger. Fijate en los Gadgets para añadir, así entrás por ahi.

Las plantillas nuevas no tienen el menuvar o barrita arriba.
Agregá el boton o una imagen que quieras enlazada a Blogger, me explico?
Un beso

Laura

agosto 16, 2011

Hola! (lo siento preguntarte en esta entrada, que no tiene nada que ver con mi duda)
El otro dia dí con un blog, y me encontré con un header muy original.
Este rotaba con imagenes cada "x" tiempo, el blog es este --> "http://justinbieber.es/".
Me encantaria ponerlo en mi blog, ya he encontrado una entrada donde explica como colocarlo pero cuando tengo que abrir el archivo javascript para coger la URL, me sale error.
Dejo el link del blog donde lo explica por si me puedes ayudar y solucionar ese problema -->
"http://elescaparatederosa.blogspot.com/2009/01/rotando-imagenes-en-la-cabecera.html"
Muchisimas gracias! :)

Susana

marzo 14, 2013

Hola me llamo Susana y tengo un blog de cocina Entre cazuelas y fogones. Estoy buscando un wiget para poner un cuadro de búsqueda de recetas de mi propio blog, para que no haya que ir mirando cada etiqueta hasta encontrarla. Me podrías echar una mano, se que es con un codigo Html, pero no tengo ni idea como se hace, simplemente busco un cuadro que ponga busca tus recetas aquí o similar. Mi correo es susanarbn@gmail.com Un saludo muchas gracias!!!

Comentarios recientes

Pasa el cursor, acaricia al gatito...
Este blog tiene entradas y valiosos comentarios. Muchas gracias.

  © Blogger templates Recursos para tu blog by Feripula 2008

Volver a ARRIBA