lunes, 10 de octubre de 2011

Videos en el blog

Ver videos musicales
videos-shakira

En internet nos encontramos con cientos de videos musicales los cuales los podemos visualizar gracias a la "magia" de Youtube que cada día crece más y más.

Entre los videos musicales con mayor éxito entre los latinos podemos encontrar a:
  • videos de Shakira: la artista colombiana más famosa del momento cautiva a todo el mundo y desde hace unos cuantos años es una de las personalidades más influyentes que hay. Desde su participación en los mundiales, hasta los eventos solidarios (pasando por demandas legales y todo), Shakira es noticia constantemente. Sin embargo su éxito está basado en sus videos.
  • videos de reggaeton: un estilo musical que ha ganado fuerza en toda América Latina, con sus ritmos pegadizos y los movimientos sexys que aparecen en los videos de reggaeton.
  • videos de amor: ideal para los más románticos y enamoradizos. Los videos de amor son muy apreciados en todo el mundo, y por ello gozan de una gran popularidad en internet.
Todos estos videos musicales podemos seguirlos sin costo alguno desde internet y así disfrutar de las mejores canciones de nuestros artistas preferidos como Shakira, Daddy Yankee o Wisin y Yandel.

Foto Web

03/02/2011


Videos muy chistosos

perro pianista videos chistosos

Gracias a You Tube podemos disfrutar de cientos de videos online de forma totalmente gratuita; desde videos de terror hasta videos muy chistosos que los usuarios suben a la red.

Precisamente hoy veremos una recopilación de los videos chistosos más populares de internet.

  1. Videos chistosos de bebés: los bebés cuando comienzan a dar sus primeros pasos se vuelven muy inquietos y desde golpes hasta jarrones rotos, todo es un simple paso.
  2. Videos chistosos de caídas y golpes: las piruetas y saltos en el aire no siempre salen bien y en algunas oportunidades chocaremos con el piso sin desearlo.
  3. Videos chistosos de animales: los animales son seres espectaculares que nos hacen reír en varias oportunidades. Un claro ejemplo es el perro pianista y que además es un magnífico cantante.
  4. Videos chistosos de bodas: las bodas son una de las fiestas que por excelencia ocurren más fallos de lo normal. Desde el tío que se emborrachó hasta la amiga que se cae en plena pista de baile organizando un importante revuelo en la fiesta.
  5. Videos de cámaras escondidas: las cámaras escondidas son muy famosas en todo el mundo, sin embargo cada día caen más personas en ellas.

28/01/2011


Videos Divertidos en Youtube

videos-divertido

El mayor portal de videos de la red, Yuotube, nos permite acceder a videos de todo tipo de forma rápida y gratuita. Al punto que las empresas discográficas han tenido que abrir canales en Youtube para no perder audiencia.

Es así como nos encontramos con videos de todo tipo de género como ser:
  • videos musicales
  • videos chistosos
  • videos de terror y fantasmagóricos
  • videos de deportes
  • videos de animales, entre otras categorías populares.

Sin embargo en este blog de Videos divertidos me he encontrado los mejores videos de su género, ya que todos los videos son escogidos prevalenciado la calidad del audio y de la imagen, algo que en Youtube muchas veces falta.

En el blog Risa Youtube .com encontraremos muy buenos videos graciosos, además de presentar una estructura simple y organizada, de forma tal que veamos los videos nuevos y a la vez busquemos aquellos videos que nos han hecho reír a más no poder.

Ingresa ya mismo a Risa Yuotube .com y diviértete con los videos más divertidos de la red, no te olvides que día a día encontrarás nuevos videos para ver en la comodidad de tu computadora .

06/01/2011


Videos de fantasmas reales

videos-fantasmas

Los videos por internet han copado la parada, ya que son una de las principales atracciones de internet y de ello han hecho a Youtube estar entre los mejores sitios del mundo con millones de visitas por día.

De entre todas las categorías de videos que podemos encontrar en la web, hoy veremos una de las más impactantes que hay: los videos de fantasmas.

Los videos de fantasmas reales son una de las recopilaciones más llamativas que hay, en donde podemos visualizar imágenes de personas no físicas. Crédulos o no, la duda queda instalada en cada una de las personas que miran los videos.

Lo cierto es que hay videos fantasmagóricos muy reales donde no pareciera quedar dudas acerca de la presencia de "algo sobre natural"; mientras que otros videos de fantasmas son más discutibles, acerca de su realidad o no.

Algunos videos duran una fracción de segundos, ya que las apariciones se dan espontáneamente y luego se desvanecen; otros videos de fantasmas duran más tiempo.

Y a ti ¿te gustan los videos de fantasmas? ¿crees que existen fantasmas reales? te invitamos a que veas estos videos de fantasmas y nos cuentes tus impresiones acerca de cada uno.

31/08/2010


Youtube Videos: videos graciosos de Youtube

youtube videos

El humor es un ingrediente fundamental que debe existir en la dieta de consumo diario de todo blogger, ya que nosotros consumimos mucha información durante el día y debemos tener un agregado de humor que nos permita distraernos del blogging.

El blogging es una de las tareas más entretenidas que puede haber, sin embargo, muchas veces nos deja con la mente saturada (como cualquier trabajo) y debemos renovar ánimos, con lo cual las alternativas pueden ser:
  • Videos de humor
  • Tiras cómicas
  • Humor literario,
  • Videos en general, entre otras opciones.
En Youtube videos encontraremos cientos de videos graciosos donde podremos relajar la mente y estimularla sanamente. Además encontraremos videos de deportes o videos musicales, es decir videos en general los cuales también ayudan al propósito.

La clave está en ser organizados y destinar un cierto tiempo a youtube videos o cualquier otra actividad de recreación que hagamos, como por ejemplo leer chistes humorísticos.

Asi que cuando quieras relajarte un rato, te animo a que tengas programados el tiempo a la recreación y un par de alternativas (youtube videos, tiras de humor, etcétera) para no perder tiempo en la búsqueda.

01/08/2010


Youtube Videos: videos musicales y de humor

youtube videos

Los videos más vistos en internet son generalmente de dos categorías bien determinadas:
  • Videos Musicales, y
  • Videos de Humor.
Estas dos categorías son las que más seguidores tienen semana a semana. Si bien son categorías muy generales, sobre todo la de videos musicales que abarca cualquier música o ritmo, en Youtube videos existen millones de otros videos, los cuales se ven muy superados por los videos graciosos o los referidos a la música.

Es que todas las personas, inclusive los bloggers, buscamos videos en Youtube para divertirnos y así despejarnos unos momentos de nuestra rutina diaria. Por otra parte somos muchos aquellos que hacemos nuestras actividades con música de fondo, y que mejor que los videos de Youtube, para esto.

Debido a esto es que cuando navegamos en internet, estamos buscando a ciencia cierta que música (de que artista y/o tema) queremos escuchar, o en su defecto buscamos los videos más graciosos de internet, como por ejemplo las tragicomedias del noticiero argentino Crónica, el cual es muy popular por su sensacionalismo.

Asi que si te preguntabas cuales eran los videos de Youtube más vistos en la red, ahora ya sabes que los videos que dominan son los de música o los de humor.

23/06/2010


Video Tutoriales en Youtube para Bloggers

youtubeEl blogger debe ir actualizando y ampliando su bagaje de conocimientos, ya que eso le permitirá ir avanzando en calidad y cantidad. Claro que esto no es sencillo, ya que una de las cosas que no tenemos es tiempo para realizar cursos o estudios similares.

A causa de esto, es que debemos buscar nuevos caminos que nos permitan incrementar los conocimientos y los videos de Youtube son una importante alternativa, para los bloggers.

Los videos tutoriales que encontramos en Youtube nos pueden ser de gran utilidad para ir profundizando nuestros conocimientos en diversas temáticas relacionadas con el blogging, como aprender código html básico (ideal para añadir mejoras en nuestro blog), o código php, o cualquier tema.

En Youtube nos encontramos una buena cantidad de videos interesantes, pero hoy veremos unos videos sobre código html, que considero es una de las cosas básicas que debemos conocer los bloggers.
  1. Estructura de un página web
  2. Enlaces en Html (importante video, ya que usamos mucho los enlaces en nuestros blogs)
  3. Estructura de una página II
Si bien las plataformas como Blogger o WordPress ya tienen todo incorporado, haciendo no necesario el conocimiento de html para tener un blog; es recomendable tener en cuenta qué código se usa en cada caso.





Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

16/06/2010


Como ganar seguidores con nuestros videos de Youtube

youtube

En oportunidades anteriores comentábamos sobre la importancia que tiene el saber usar a Youtube como herramienta de marketing y promoción del sitio web. Muchos bloggers ya hacen uso de los videos para generar contenido único e interesante.

Pero una de las cuestiones que se plantean es como conseguir público o audiencia y que luego estos sean fieles. Esto en Youtube es algo difícil de lograr ya que los usuarios están a un solo click de irse a otro video, sin embargo podemos tener en cuenta algunos factores, para conseguir la mayor cantidad de público posible.

  1. Crear contenido atractivo y valioso: tal como ocurre con el texto del blog, el contenido, audio visual en este caso, se convierte en el rey. Haz cosas que en general no se hace, explica de una forma no tradicional o busca llamar la atención, pero con calidad.
  2. Marca y Envase: tal como si fuera un producto que compras en la tienda, tu video en Youtube debe estar bien acondicionado, es decir utiliza al inicio y / o final del video marcas recordatorias (ya sea del nombre del video, del blog, etcétera) e imágenes en tu canal de Youtube que logren la distinción del visitante, tal como lo ha hecho machinima.com (ver imagen al inicio del post).
  3. Optimiza tu video: bien esto ya lo hemos hablado en una entrada anterior, pero es bueno traerlo a recordar.






Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

08/06/2010


Los mejores videos de Youtube

Youtube

En el día de ayer nos encontrábamos hablando sobre lo importante que es ver videos de Youtube, o establecer estrategias de marketing con Youtube, pese a que solo utilicemos de forma sencilla la creación de videos si no conocemos mucho sobre el amplio mundo de la generación y edición de videos.

Ayer a última hora, un amigo que leyó la nota sobre videos graciosos de Youtube, me preguntó si conocía este sitio de videos de Youtube. A lo que le respondí afirmativamente, ya que es un sitio de referencia para mí.

En especial cuando quiero distraerme un rato de las ocupaciones o problemas del día, ingreso a www.focavideos.com.ar con la intención de ver algunos de los tantos videos de humor que se encuentran en el blog.

Lo que me ha gustado del sitio es su ordenada estructura, ya que me permite buscar videos por categorías bien definidas, lo que me facilita la búsqueda en todo momento. Por si no fuera poco, podemos encontrar videos de trucos y videos publicitarios.

Y así como se lo recomendé a mi amigo anoche, también se lo recomiendo a Ustedes, si quieren ver los mejores videos de Youtube, u otros sitios como Metacafé, los podrán ver en www.focavideos.com.ar .

05/06/2010


Ver los mejores videos de la red

videos youtube

En la red podemos encontrar cientos de videos de todo tipo: videos de humor, videos de terror, videos de cuentos, videos musicales, entre otros; sin embargo no todos son de calidad o son realmente lo que dicen ser.

Por ejemplo no todos los videos de Youtube que podemos encontrar, son de una gran calidad de audio e incluso de imagen. A lo que debemos sumarle que muchos videos se encuentran mal titulados, induciendo a ver videos que no nos interesan.

Para ver videos de gran calidad, te recomiendo que ingreses al blog www.uezs.com donde podrás ver una gran cantidad de excelentes videos de Yotube, en los que la diversión no faltará.

En el blog podremos encontrar los videos ordenados por categoría, algunas de las mismas son:
  • videos de caídas,
  • videos de bromas,
  • videos de animales,
  • videos de fútbol,
  • videos de Yayo,
  • videos graciosos,
  • videos de chistes,
  • videos de caídas, y
  • videos musicales.
Estas son sólo algunas de las categorías que hay para ver videos de gran calidad, sin tener que perder tiempo buscándolos.

En el blog uezs.com encontrarás los mejores videos graciosos de Youtube asi que si quieres divertirte y pasar un momento muy entretenido, ingresa al blog y compártelo con tus amigos.


Bajar de peso

Bajar de Peso

Uno de los mayores problemas que sufrimos al bloguear en cantidad es la falta de actividad física. Esto el cuerpo lo resiente y con el tiempo nos irá "recriminando" el abandono que le hemos hecho.

La actividad física diaria es importante desde el punto de vista de la salud, por varias razones:
  1. Bajar de peso y eliminar las grasas,
  2. Estimula una mejor circulación sanguínea,
  3. Evita que los músculos del cuerpo estén en un estado de "hibernación" por falta de actividad
  4. Mejora nuestro apetito, para una vida más saludable
  5. Nos ayuda a combatir el estrés causado por el trabajo
Y la lista sigue, aunque creo que esto es lo más importante.

Pero el problema radica en como iniciar a hacer ejercicios físicos, si no contamos con tiempo para ir al gimnasio. En ese caso podemos mirar este video de aerobics que es ideal para principiantes.

Con este video de aerobics podremos comenzar a bajar de peso en la comodidad de nuestra casa, sin tener que perder tiempo trasladándonos al gimnasio y todo ello.

Debemos recordar que tenemos que cuidar nuestra salud, tanto física como mental, para una mejor calidad de vida.

03/06/2010


Youtube: el sitio de videos Nº1

Youtube

Youtube
es el sitio de preferencia por los usuarios para subir videos personales u otros, y de esta forma compartir con sus amistades y personas del todo el mundo, sus videos.

Los comienzos de Youtube, hace unos cinco años atrás, nos indican como una idea inicial puede ser modificada por los usuarios de forma natural. Pese a los problemas legales que atentaron contra Youtube por la transmisión de contenido con copyright, el sitio siguió creciendo hasta estar entre los 4 sitios más visitados del mundo.

Los usuarios suben contenido que no les pertenece y esto ha provocado la controversia con algunas entidades reguladoras o empresas del sector audio visual. Sin embargo Youtube mantiene en sus políticas la prohibición del uso de contenido con derechos sin autorización.

A pedido del autor con derechos sobre determinado contenido, se puede modificar o suprimir un video e incluso suspender a un usuario. Pero gracias a la fuerza de Youtube, los videos no dejan de ser una publicidad más para las empresas sin costo.

La fuerza de Youtube radica en la simplicidad que representa para los usuarios subir videos (ver como subir videos a Youtube). A partir de esto, Youtube genera una atracción muy fuerte de visitas al sitio, que no solo suben videos, sino que disfrutan de los que ya hay en el sitio.

Incluso se pueden llegar a visualizar videos de corta duración de algunas series desde los canales que tienen algunas emisoras en Youtube. Esto surgió luego del paro por parte de guionistas en Estados Unidos por querer acaparar un mercado global. Asi es como Youtube pasa a complementar a la televisión.

Youtube nos permite varias alternativas a la hora de trabajar en el sitio, como poder ver los mensajes que se dejan en los videos, la posibilidad de compartir el video con redes sociales, enviar por correo electrónico o elegir color del marco y tamaño del blog para insertar el video en el blog.

Todo esto ha convertido a Youtube en una fuente de marketing viral que nos proporciona una excelente oportunidad de conseguir visitas de forma rápida y con costo bajo o nulo.

En Ayuda para Blogs se han mostrado diversos programas para crear videos de forma sencilla e incluso online, para luego subirlos a Youtube.

Para los bloggers nos es importante contar con herramientas que nos permitan mejorar el posicionamiento del blog y Youtube es una de ellas. Ya en otra oportunidad hemos hablado sobre como optimizar y posicionar videos para que nuestro blog se vea lo más beneficiado posible.

De esta forma no solo creamos contenido único y difícil de copiar, sino que además en la medida que otros bloggers publiquen en sus respectivos blogs, estaremos ganando más popularidad y audiencia. Todo esto sin contar que al estar en Youtube la audiencia potencial es mundial.

Por todo esto Youtube es una herramienta del blogger y no debemos desperdiciarla, ya que es gratuita, fácil y además entretenida de usar.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

02/06/2010


Videos graciosos y de humor 2010

humor 2010

El cansancio que nos provoca el trabajo, las malas relaciones que tenemos con algunas personas o simplemente la tensión de un día en la ciudad, nos pone de mal humor y afecta a nuestra calidad de vida.

Notablemente, luego de estas circunstancias, nuestras actitudes son muy negativas lo que nos perjudica en varios planos de la vida social que llevamos.

Para combatir esto no hay nada mejor que el humor sano. El simple hecho de reír unos pocos minutos al día puede hacer que nuestras actitudes cambien, debido a que nuestro humor ha cambiado.

Una de las formas de lograrlo es mirando videos graciosos o con un alto contenido de buen humor.

Esto nos ayudará a mejorar la calidad de vida que llevamos. aunque nos parezca ridículo los videos chistosos son una herramienta anti estrés muy efectiva, que incluso es muy recomendada por los especialistas de la salud.

Todo el humor 2010, es decir de este año, lo puedes encontrar en este sitio: http://www.otroblogxd.com. Un sitio muy bueno con los mejores videos de humor de Youtube entre otros.

En este blog encontrarás mucho humor, ya que presenta una frecuencia de actualización muy buena, así tendrás mucho con que reírte.

30/05/2010


Video: indexación de tu blog por parte de Google

como indexar el blogEn el día de la fecha les traemos un video preparado por el equipo de calidad Google, para responder a la pregunta:

¿Es importante el peso de sitio web para una mejor indexación?

Como sabemos ambos factores son importantes, tanto el peso del sitio, como la correcta indexación del mismo por parte de los motores de búsqueda, y en especial por Google.

En el video, Xavi, intenta explicar que:
  • Nos preocupemos por indexar las url de nuestro sitio que mayor relevancia contengan, y no preocuparnos por querer indexar todas, a la hora de generar el sitemap.
  • Pensemos en el usuario a la hora de generar url, es decir, crear páginas pero que ofrezcan contenido de calidad.
  • Para un mejor posicionamiento web debemos crear contenido único y de calidad, ya que de esa forma "poco a poco" nos irán enlazando de otros sitios.
Además nos incita a utilizar las herramientas de webmaster de Google para obtener mejores resultados con nuestro
Pero bien aquí les dejamos el video de Youtube completo, que apenas dura poco más de cuatro minutos.






Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

29/05/2010


Como crear videos de forma fácil y online

crear videos online

En varias oportunidades hemos visto como crear videos de forma sencilla, tanto Noelia, Elios como Roberto nos han mostrado herramientas con las cuales podemos crear videos, estas herramientas son:

  1. Flixtime: crear videos a partir de fotografías,
  2. Photo to Movie: igual que el anterior,
  3. Camtasia: ideal para crear videotutoriales.
Hoy veremos una herramienta más a la que podemos añadir a nuestra "caja de herramientas", y se llama ClipGenerator.

Con ClipGenerator, podremos crear videos de corta duración (entre 60 y 90 segundos) a partir de imágenes, pudiéndoles añadir algún sonido de fondo, que debemos escoger de los que nos presentan.

Se puede insertar hasta unas doce imágenes, e incluso podremos incluir texto durante el video. Como vemos es una herramienta sencilla y básica, ideal para cuando el tiempo nos falta y precisamos algo rápido.

Realmente es muy sencillo utilizar ClipGenerator, que se encuentra en una fase beta aún, y en unos pocos pasos tendremos nuestro video creado.



Recordemos que la creación de videos ayuda a popularizar nuestro blog, con lo cual es una herramienta complementaria muy interesante.

Si no sabes como subir un video a Youtube, en Ayuda para Blogs te mostramos como hacerlo.



Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

28/05/2010


Plantilla Blogger SimplexTube

Plantillas blogger para videos

¿Quieres descargar plantillas para Blogger gratis? Pues en Ayuda para Blogs siempre te presentamos las mejores plantillas Blogger para descargar.

En ediciones anteriores vimos diversos tipos de plantillas para utilizar, desde una plantilla optimizada para una carga veloz como la plantilla OMMPress a plantillas más vistosas como Style Vision Blogger.

En la plantilla de hoy veremos una particularidad muy interesante, y es que es una plantilla especialmente diseñada para un blog de videos. Es decir esta plantilla es muy práctica para mostrar videos de Youtube.

Diseñada recientemente por Huy Dinh Quang, SimplexTube es una gran opción para aquellos blogs que funcionan bajo la plataforma Blogger y que están dedicados a mostrar videos en su blog.

Para utilizar esta plantilla, que solo funciona con videos de Youtube, se debe seguir los siguientes pasos:
  1. Iniciar una nueva entrada
  2. Al principio (o en el sector donde se quiera mostrar el video) insertar la dirección (url) del video, quedando algo así: http://www.youtube.com/watch?v=e5wfYPXAjl8endofvid
  3. Luego escribir las etiquetas [starttext] y[endtext], entre las cuales irá el texto descriptivo del video


Un ejemplo final sería
http://www.youtube.com/watch?v=e5wfYPXAjl8endofvid
[starttext]
Este video nos muestra como realizar el .....
[endtext]


Como vemos su funcionamiento es sencillo y el resultado es muy interesante. Solo debe probar y contarnos que te ha parecido.

Descargar Plantilla

Si quieres ver más plantillas para blogger gratis, accede a nuestra sección de Plantillas.


Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

27/05/2010


¿Cómo subir un video a Youtube?

Como subir videos a Youtube


Te preguntas ¿cómo subir un video a Youtube? y no encuentras la información necesaria para ello, pues en Vida Blogger te ayudaremos a que puedas subir tu video a la red, en uno de los sitios más vistos en todo el mundo.

Youtube es uno de los sitios que más ha crecido (durante el 2009 creció en mayor proporción que Facebook) desde su creación, hace cinco años. Es el sitio social más visto, con lo cual promocionarte en Youtube es una estupenda idea.

Para subir tu video a Youtube debes realizar los siguientes sencillos pasos:

  1. Registrarse: debes completar un breve formulario, donde luego deberás confirmar el email que te enviarán.
  2. Iniciar Sesión: una vez registrado, debes iniciar sesión para poder continuar.
  3. Datos del Video: aquí comienza realmente lo importante, debes usar al máximo las técnicas SEO para videos, que ya hemos visto en una entrada anterior. Deberás hacer click en Upload Video, para insertar los datos del video.
  4. Subir el video: una vez completado los datos del video, aparecerá una nueva ventana donde nos dará la posibilidad de buscar y subir nuestro video.
Debemos tener presente que el video debe pesar menos de 100 MB y durar menos de 10 minutos.



Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

21/05/2010


Videos de Humor de Youtube

Videos Humor
Youtube es uno de los sitios que más ha prosperado durante el 2009, se sabe que le ha ganado a Facebook en popularidad el año pasado. Tan solo con cinco años de existencia, Youtube es todo un éxito.

El secreto de Youtube se basa en poder alojar videos de casi todos las categorías, abarcando así un amplio rango de gustos y preferencias. Sin embargo los videos musicales y los videos de humor son las estrellas de este afamado sitio.

Videos Humor sobran en Youtube, pero encontrarlos en definición de alta calidad, con un buen sonido, y que no termine apareciendo algún mensaje personal de quien editó el video de humor, es algo laborioso.

Por eso en el blog Video-Humor.es nos ofrecen los mejores videos graciosos de la red, con una excelente calidad y ya listos para su reproducción.

Los videos se encuentran bien categorizados, en unas veinticinco secciones para que puedas encontrar fácilmente tus videos favoritos.

Además cuenta con una excelente actualización, más de tres videos al día son expuestos en el blog, con lo que podemos disfrutar de los mejores videos constantemente.

Si te interesa descansar un rato del blogging y divertirte te invito a que disfrutes de los videos de humor de la red en Videos-Humor

15/05/2010


Crea videos para popularizar tu blog

Crear videos para el blog


La necesidad con que contamos los bloggers de mejorar cada día, es cada vez mayor. Simplemente por que cada día aparecen nuevos blogs que salen a competir directamente con el nuestro.

Por ello siempre debemos innovar o mejorar nuestro blogging, intentando captar más visitas y retenerlas por más tiempo dentro del blog.

Una interesante alternativa con que contamos para captar una mayor cantidad de visitas y a la vez ofrecer un "servicio distintivo" a los visitantes, es incluir videos propios en nuestro blog.

Hacer un video con imágenes es sencillo, ya Roberto nos mostró la herramienta Flixtime par lograr hacer un video.

¿Qué debemos incluir en el video?

Si bien esto queda a criterio de cada blogger, podríamos usar el video para:
  1. Responder preguntas que sirvan a toda la comunidad,
  2. Crear contenido gráfico, o que requiere del uso de muchas imágenes,
  3. Hacer comentarios sobre una serie de post ya realizados, o sencillamente
  4. Hacer un post de forma distinta.
¿Qué podemos conseguir con el video?

Además de lo ya dicho, podemos generar una mayor audiencia desde Youtube, y generar en nuestros usuarios la ansiedad de esperar nuestro próximo video, si logramos un contenido de alta calidad.

Es una interesante alternativa la de crear videos y subirlos a Youtube.


Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

05/05/2010


Video Tutorial de como crear una cuenta en Paypal

Videos de Youtube sobre como abrir una cuenta en Paypal

Tiempo atrás hablamos de que es Paypal y como utilizarlo, mencionamos las distintas clases de cuentas existentes y de la utilidad o beneficios que nos brinda este monedero virtual o electrónico.

Recordemos que será necesario tener una cuenta en Paypal, si es que pensamos trabajar como bloggers, ya que casi todos los contratantes tienen cuenta en Paypal y los pagos lo realizan por este monedero virtual generalmente.

Crear una cuenta en Paypal no es difícil, sin embargo puede ser que encuentres dificultades si eres nuevo en internet, o en el campo de los negocios.

Te dejamos unos videos de Youtube sobre como abrir una cuenta en Paypal, es decir unos videos tutoriales, que consideramos te van a venir muy bien.

Son videos sencillos o básicos pero muy interesantes de verlos y analizarlos previa creación de cuenta, a fin de evitar cometer errores.


Video de Youtube: Como crear una cuenta en Youtube 1


Video de Youtube Como crear una cuenta en Paypal 2



Si te interesa puedes ver estos otros artículos sobre Paypal que te ayudarán:
Si tienes alguna duda o sugerencia para realizar sobre Paypal, déjanos un comentario, te lo responderemos cuanto antes.

trucos para blog

Tips y Trucos Blogger

Los tips y trucos que puede usar el blogger en el blog, hacen que cada blog sea distinto de otros, ofreciendo comodidad o añadiendo valor agregado al blog. Muchos de los trucos son sencillos, mientras que otros son un tanto más complejos de ser llevados adelante, según los conocimientos del blogger y del efecto que queramos obtener.

Imagen flotante en Blogger u otro gestor de contenidos

El truco blogger de hoy es bastante sencillo e interesante, se trata de establecer una imagen flotante del lado superior derecho, efecto similar a la ventana flotante que vimos tiempo atrás.

Código Blogspot



Debemos acceder al escritorio - diseño y en la edición html de la plantilla buscamos la etiqueta </head> e introducimos este código.
<a href='http://URL DE TU BLOG.blogspot.com/' style='display:scroll;position:fixed;bottom:0px;right:0px;'><img src='URL DE TU IMAGEN'/>

Lo que nos resta por hacer es modificar por nuestra url donde dice urldetublog.blogspot.com, al igual que la imagen.

Esperamos que te haya gustado este truco blogspot del día de hoy.


Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

Foto Vía Decora Blog

30/07/2010

Trucos Blogger: tooltips con css

tooltip

Los trucos visuales hacen que el blog gane en adeptos a los que les gusta la parte gráfica. Si bien muchas veces los trucos nos afectan en otras cosas, como la validación del sitio por ejemplo, no debemos dejarlos de tener en cuenta, ya que pueden ser muy útiles a los ojos de los visitantes.

El truco de hoy es insertar un tooltip (caja con texto descriptivo que se tiene al pasar el mouse sobre un objeto o texto) con css. Este truco fué creado por la gente de Ciudad Blogger, y el cual considero que es muy interesante.

Bien para generar nuestro tooltip destacado, debemos acceder al escritorio y allí dirigirnos a la pestaña de diseño > edición de html. Una vez allí buscaremos el siguiente código: ]]></b:skin>. Antes de ese código deberemos pegar lo siguiente:

a.tooltip {
position: relative;
z-index: 24;
cursor: help;
text-decoration: underline;
}
a.tooltip:hover {z-index: 25; text-decoration: none;}
a.tooltip span {display: none}
a.tooltip:hover span { /* Estilos de la descripción */
display: block;
position: absolute;
top: 2em; left: 2em;
width: 16em;
border: 1px solid #0cf;
background: #ECE0D8;
color: #000;
text-align: center;
}


En background puedes poner el código de otro color que se ajuste a tu blog, o incluso puedes añadir una imagen de fondo insertando este código en lugar del código del color:

url("http://dirección-de-la-imagen.jpg") (esto iría en remplazo de #ECE0D8)

Ahora para finalizar solo falta añadir un código extra en nuestras entradas, para cada vez que deseemos utilizar este tooltip en las entradas:

<a class="tooltip">Pasa el cursor aquí<span>Mensaje mostrado</span></a>


Como vemos es un truco muy sencillo y que puede darle un toque especial a nuestros blogs.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

14/07/2010

Añadir el botón me gusta de Facebook

facebook

Este...

08/07/2010

Como agregar la opción de responder a un comentario

responder comentarios


Al mantener un blog actualizado y con buena información, éste se hace más popular y con ello aparecen los comentarios de los usuarios sobre cada tema, algo que como autores de una entrada nos hace sentir muy bien, ya que a alguien le ha interesado la misma.

Al tiempo que no podemos dejar de no contestar esos comentarios, por varias razones, pero una de ellas es por que probablemente quien comentó esté esperando una respuesta de nuestra parte.

Si bien el blogger debe saber como reaccionar ante los diversos tipos de comentarios que se pueden presentar, a veces es mejor responder un comentario citándolo, algo común que s se puede observar en los foros.

Para lograr este truco en Blogger debemos:
  1. Obtener el código ID del blog: para esto debemos acceder a la sección de diseño y luego mirar la barra de direcciones del navegador allí veremos algo así como http://www.blogger.com/rearrange?blogID=7857555404733341038 siendo estos números los que nos interesan.
  2. Buscar alguna de las siguientes etiquetas (habiendo expandido los widgets): <data:commentPostedByMsg/> o <data:comment.timestamp/>
  3. Insertar el siguiente código luego de la etiqueta encontrada en el punto anterior:
<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=7572003431885631790&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>Responder</a></span>

El número resaltado en rojo, es el que se debe reemplazar con el número de ID obtenido en el punto 1.

Espero que les guste este sencillo truco para Blogger que me pareció muy bueno.


Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

01/07/2010

Trucos para tu blog: texto deslizante en tu entrada

trucos blogger

Los trucos que podemos aplicar en nuestro blog para hacerlo más útil, vistoso y distinguido, son realmente bastantes, y en nuestra sección de Tips y Trucos encontrarás varias ideas para poder aplicar a tu blog.

Y hoy veremos un truco, algo viejo ya, el cual es muy sencillo de emplear y que lo podemos utilizar en el blog directamente, o en una sola entrada. La sencillez de uso, radica en que es un simple código html, el cual no requiere de grandes o complicadas modificaciones en la plantilla blogger.

Si lo vamos a implementar en una entrada en particular, bastará con que nos vayamos a la pestaña de edición de html y copiemos el código con nuestro texto, ejemplo:

Ayuda para blogs

Si queremos añadirlo al blog directamente, pues nos será suficiente con que añadamos un widget a nuestra plantilla, o modificar desde el editor de la plantilla.

Código:
<marquee> Aquí viene el texto que deseas</marquee>
A ese texto que incluiremos ahí le podemos dar formato html o incluso añadir enlaces con la etiqueta <a>

Como vemos es muy sencillo de aplicar y da un toque especial a una entrada en particular.
Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

28/05/2010

Google Fonts: fuentes para tu blog

Google Fonts

Google no deja de avanzar cada día un poco más, y ahora nos ofrece una interesante aplicación para nuestros blogs, que es la de añadir fuentes especiales a parte de nuestro texto, con lo cual lograr efectos distintivos.

Al añadir textos con fuentes distintas a las tradicionales (arial, helvética, etcétera) podemos lograr resaltar ciertas frases o comentarios, quedándonos la seguridad de que nuestros visitantes podrán ver correctamente en sus navegadores, pese a no tener instalados ese tipo de fuente.

Antes este efecto tenía que ser recreado bajo animaciones en flash o con imágenes, pero ahora es mucho más sencillo que eso, si somos organizados claro.

Para poder aprovechar el beneficio de Google Font Library debemos seguir los siguientes pasos:
  1. Acceder al directorio de fuentes y escoger la que nos gusta.
  2. Luego escoger el tamaño de la fuente que nos interesa.
  3. Ir a la pestaña Get the Code (obtener el código).
  4. Accedemos a la edición de html, en el escritorio > diseño.
  5. Antes de la etiqueta </head> debemos pegar el código:
<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>


  1. Luego en el código CSS de tu plantilla o theme busca el elemento en que quieres que aparezca este tipo de fuente e inserta la tipografía seleccionada, como primera alternativa, de forma tal que quede algo similar a: h1 { font-family: 'Tangerine', arial, serif; }
  2. Listo, cada vez que utilices ese elemento, en nuestro caso el h1, aparecerá esta nueva tipografía.
Es un truco interesante ya que podemos dar notoriedad al blog de forma sencilla, aunque esto nos puede conducir a nuevos cambios en el diseño del blog.



Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

15/05/2010

Como hacer enlaces internos en tus post

La usabilidad y la comodidad deben ser aspectos que tenemos que tener en cuenta a la hora de crear nuestras entradas. Debemos tratar de ofrecerle al visitante, no solo un buen contenido, sino que además tenemos que brindarle el mejor confort.Una forma de lograrlo es insertando enlaces hacia puntos internos de nuestro artículo, a forma de que le quede a solo un click el traslado interno en el post, al usuario.Esto es especialmente útil cuando nuestro artículo:está dividido en secciones, ycuando su longitud es superior a las 200...

06/05/2010

Barra inferior personalizada

Barra inferior en tu blog

En Ayuda para Blogs nos encanta poder ofrecerte novedades a diario: plantillas blogger personalizadas, tutoriales, trucos, sugerencias etcétera.

Está en nosotros que tu blog sea cada día más vistoso y con mayor funcionalidad para tus lectores. En esta ocasión te presentamos la primera versión de nuestra barra inferior personalizable.

Hemos insertado en la barra una serie de botones útiles:
  • En la zona izquierda de la barra se encuentra nuestro link, no lo puedes borrar es la única condición que ponemos para que uses esta barra en tu sitio.
  • En el centro de la barra encontrarás los botones de cantidad de usuarios online, de suscripción al feed, para que te sigan en Twitter o para que puedan imprimir el contenido del blog.
  • Sobre el costado derecho hemos dejado limpio para que tu puedas insertar lo que te parezca, como por ejemplo publicidad: la venta de algún enlace bien vistoso o un banner (no muy alto height="24")
Para insertar esta barra deberás editar tu código html (haz una copia de seguridad antes) y antes de las etiquetas:
]]></b:skin> </head>
deberás insertar este código:

#taskbar{
height:25px;
width:100%;
margin:auto;

position: fixed;
bottom: 0;
z-index: 99;
}
#taskbar #container{
background-color:#E5E5E5;
border:1px solid #B5B5B5;
display:block;
margin-left:15px;
margin-right:15px;
height:25px;
}


/*------- blocks btns --------*/
#taskbar #container .block-left{
position:relative;
float: left;
width:10%;
height:25px;

border-right:1px solid #B5B5B5;
}
#taskbar #container .block-center{
position: relative;
float: left;
width: 50%;
height:25px;

border-right:1px solid #B5B5B5;
}
#taskbar #container .block-right{
position: relative;
float: left;
width: 25%;
height:25px;

border-right:1px solid #B5B5B5;
}
/*------- btns --------*/

#taskbar #container .btns{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding:3px;
display:inline-block;
vertical-align:middle;
line-height:14px;
}

#taskbar #container .btns:hover{
background-color:#F4F4F4;
cursor:pointer;
}

/* ---- align image -------*/
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
margin: 0 0 2px 5px;
display: inline;
}

img.alignleft {
margin: 0 5px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
Bien ahora buscas la etiqueta </body> e insertas este código:

<div id='taskbar'>
<!--Creado por Juan para Vida Blogger versión 1.0 - se permite su uso dejando el link inicial de Vida Blogger a forma de reconocimiento-->
<div id='container'>
<div class='block-left'>
<strong> <a class='btns' href='http://www.vidablogger.com.ar' title='Ayuda para Blogs'>Ayuda para Blogs</a></strong>
</div>

<div class='block-center'>

<script src='http://widgets.amung.us/classic.js' type='text/javascript'/><script type='text/javascript'>WAU_classic(&#39;fp0pgk72cozl&#39;)</script>
<a class='btns' href='http://www.vidablogger.com.ar/feed/'><img alt='Feed' class='alignleft' height='24' src='http://i44.tinypic.com/draxow.jpg' width='24'/>Suscríbete Gratis</a>
<a class='btns' href='http://www.twitter.com/vidablogger'><img alt='aplicacion' class='alignleft' src='http://i41.tinypic.com/sphn5e.jpg' height='24' width='24'/>Twitter</a>
<a class='btns' href='' onclick='Window.print();'>Imprimir</a>

</div>
<div class='block-right'>
<a class='btns' href='http://www.sitio.com'><img alt='publicidad' class='alignleft' height='24' src='http://i44.tinypic.com/draxow.jpg' width='24'/>Posible espacio publicitario</a>
</div>
</div>
</div>

Deberás modificar por el nombre de tu sitio, o el que corresponda, lo resaltado en rojo. Si tienes alguna sugerencia para añadirle a la barra, ¡dilo en los comentarios!

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

05/05/2010

Como mostrar la foto del autor en Blogger

Mostrar la foto del autor en cada post

Uno de los trucos más interesantes para tu blog puede ser el de insertar una foto o imagen del autor del post o entrada al inicio o al final del artículo.

Este truco logra que el lector sienta más confianza hacia el blog, al ver una fotografía, por más que sea pequeña, de una persona.

Si bien sabemos que las imágenes en los comentarios y el blog, como cualquier otro elemento, enlentecen la carga del blog en el navegador del visitante, podemos optimizarla a fin de lograr buenos resultados.

Para lograr este truco debemos ir al Escritorio>Diseño>Edición de Html y buscar las siguientes etiquetas:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>

Seguida de esta última etiqueta debemos agregar el siguiente código:

<div style="clear:both"> <dt style="float:left;margin-right:5px;clear:both;" expr:id='"commentphoto" + data:comment.id'> </dt> <b:if cond='data:comment.authorUrl'> <script type="text/javascript"> if(typeof(commentPhotoIds) == 'undefined') var commentPhotoIds = []; commentPhotoIds.push({'id':'commentphoto<data:comment.id/>', 'url':'<data:comment.authorUrl/>'}); </script> <b:else/> <script type="text/javascript"> if(typeof(commentPhotoIds) == 'undefined') var commentPhotoIds = []; commentPhotoIds.push({'id':'commentphoto<data:comment.id/>', 'url':''}); </script> </b:if><dt class='comment-author' expr:id='"comment-" + data:comment.id'> <a expr:name='"comment-" + data:comment.id'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt><b:if cond='data:comment.author == data:post.author'> <dd class='comment-body-author'> <p></p> </dd> <b:else/><dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> </b:if> </dd></b:if><dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='"#comment-" + data:comment.id' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd></div></b:loop> </dl>

Luego debemos insertar este código antes de la etiqueta </body>

<script type='text/javascript'>
//<![CDATA[
function commentPhotoDo() {
var tag;
for(var i = 0; i < commentPhotoIds.length; i++) {
tag = document.createElement('script');
tag.type = 'text/javascript';
tag.src = 'http://scrape.singpolyma.net/avatar.php?maxwidth=70&url='+encodeURIComponent(commentPhotoIds[i].url)+'&id='+encodeURIComponent(commentPhotoIds[i].id)+'&defaultimage='+encodeURIComponent('http://img139.imageshack.us/img139/1011/defaultavatarad7.png');
document.body.appendChild(tag);
}//end for var i in commentPhotoIds
}//end function commentPhotoDo
if(typeof(commentPhotoIds) != "undefined") commentPhotoDo();
//]]>
</script>

Debemos cambiar la url de la imagen (resaltado en rojo) por la de nuestra imagen.

Guardamos los cambios cerramos y listo. Como siempre, antes de cualquier cambio, debemos guardar una copia de seguridad de nuestra plantilla.

Consejos para optimizar nuestra imagen:
  1. No es necesario que nuestra foto o imagen (preferentemente foto no avatar) sea muy grande, quizás de 32x32 píxeles sea suficiente.
  2. Es recomendable utilizar herramientas de diseño de imagen como Gimp o Pixrl (las utilizadas para crear logos) para reducir la calidad de la imagen.
  3. Nuestra foto debe ir acorde al blog: si es un informativo la foto deberá ser bastante formal. Si es un blog personal, la informalidad se hará más notoria.


Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

04/05/2010

Consejos básicos para un blog más visible - II Parte

Consejos para bloggear

En la entrada anterior comenzamos a ver algunas sugerencias para que nuestro blog sea más visible.

Entre esas sugerencias mencionamos la calidad del contenido y evitar o corregir los errores en el código html.

Consejos para aumentar la visibilidad del blog II

  • Vinculación interna: en cada post que hacemos es importante enlazar entradas anteriores u otras secciones del blog. Esto nos favorece tanto para los buscadores, que pueden indexar mejor todas nuestras páginas y les dá mayor relevancia (aunque sea minúscula), y a los lectores ya que pueden seguir leyendo contenido relacionado sin salir del blog, así reducimos el porcentaje de abandono o rebote del sitio. Uno de los mejores sitios que hace esto es Wikipedia.
  • Sitemap: un mapa de nuestro blog no solo es útil para los buscadores, a nuestros lectores les puede interesar tener un paneo de la estructura del blog. Quizás estén buscado un sector específico del mismo.
  • Aplicar las técnicas SEO: en el blog vemos muchas sugerencias y técnicas SEO que son necesarias implementarlas para lograr una mayor visibilidad del blog.


Como siempre debemos pensar en el lugar del lector, ellos son en definitiva quienes califican al blog, y para quienes escribimos. Debemos estudiar y analizar que es lo mejor para ellos, que querrán leer y de que forma podemos lograrlo.

Para leer el primer artículo sobre visibilidad del blog

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

Consejos básicos para un blog más visible

Consejos para bloggear

Los bloggers muchas veces, en nuestro afán de tener gran cantidad de contenido en nuestro blog, nos olividamos de pequeños detalles que hacen que nuestro blog sea más vistoso o con mejor "visibilidad" a los ojos de los lectores, y en algunos casos a los ojos de los buscadores.

Debemos recordar que
Un blog más visible, es un blog con más visitas y que muy probablemente retornen.

No debemos olvidarnos de que si nuestro blog carece de calidad, las visitas optarán pronto por ir en búsqueda de otro contenido, lo que significa un alto nivel de rebote hacia nuestro blog.

Consejos para mejorar la vistosidad del blog

  1. Contenido de Calidad: lo que escribamos que sea fundamentado y con base en hechos. Eso nos dará la seguridad de no exponer nuestro blog a duras críticas. Ojo, siempre habrá alguien que nos critique, pero si nosotros tenemos fundamentado nuestro texto, el que deberá fundamentar es quien opine en contra, existen muchos puntos de vista para una misma verdad.
  2. Validar Código Html: una de las cosas más importantes es tener nuestro código limpio de errores. W3 nos facilita un validador de código para comprobar y corregir los errores del código html.
  3. Uso Correcto de las etiquetas H: todos sabemos que es importante para la optimización del blog el uso de negritas y de las etiquetas h1, h2, h3, y sucesivas. Sin embargo no debemos abusar, sino que tenemos que usarlas con lógica: primero la etiqueta h1, luego la etiqueta h2 y así sucesivamente. Si mezclas tu blog será un desorden único, y los lectores no aprecian esto.
Sigue leyendo la segunda parte

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

03/05/2010

Palabras que siguen a tu cursor

Seguramente muchas veces has visitado algún blog y te encontraste que cuando estas en ellos, al mover tu cursor lo siguen una fila de letritas (que forman una frase). Seguramente te ha llamado la atención y te entretuviste un ratito girando el cursor por toda la pantalla para ver los movimientos de las palabras. La verdad que es muy tentador hacer esto.
Hay muchos efectos de textos, algunos que paran su recorrido cuando el cursor queda quieto, algunos con letras parpadeantes, y otros como el que les traigo hoy en el que el texto no se queda quieto, es decir te sigue por toda la pantalla y cuando tu cursor se queda quieto, las palabras comienzan a girar alrededor de el .

Si quieres colocar uno igual en tu blog, es muy fácil solo debes copiar el siguiente codigo htmly pégalo en tu blog en la parte de “Diseño” pero en HTML.Busca la etiquta < /head > y pegalo antes.
Puedes modificar el código a tu gusto, color de texto, fuente tipográfica, velocidades, espacio entre letras, pero si quieres hacerlo mas simple, solo escribe tu mensaje y listo.




<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial; (Cambiar Fuente)
color: #000; (Cambiar color)
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/

;(function(){

// Your message here (ESCRIBE TU MENSAJE)
var msg = "Dynamic Drive! Scripts & More!";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();

</script>





<!--[if !supportLineBreakNewLine]-->Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)