Bienvenido a VidaBlogger, un sitio dedicado a brindar Ayuda para Blogs.

Vas a poder encontrar trucos blogger, tutoriales y herramientas para blogs, aprenderás estrategias sobre SEO y posicionamiento web, y te daremos los mejores consejos para que lleves tu blog al máximo potencial!





27 abr. 2010

Como generar una ventana flotante para nuestro blog

como crear ventana flotante


Este truco es uno de los cuales podemos mejor utilizar y adaptar a nuestras necesidades según las necesidades de cada uno.

Algún anuncio publicitario particular, algún comentario o sugerencia para tus lectores, ofrecerles seguirte en Twitter y una variedad más de opciones que tenemos gracias a este truco.

Antes debo aclarar que estos trucos de ventanas barras flotantes o tienen aspectos positivos y aspectos negativos, como por ejemplo reducir el campo visual del blog. A muchos visitantes no les puede agradar, con lo que deberás reducir al máximo el tamaño de este, así interferir lo menos posible el blog, brindado una herramienta más.

Ahora bien para realizar este código deberas acceder al Escritorio>Diseño>Edición de Html y luego buscar la etiqueta /head.

Hecho esto, copia el código de este enlace. Luego busca la etiqueta /body e inserta este código:

<div id='anuncio'>
<a href='Javascript:void' onClick='closebar(); return false'><img align='right' border='0' src='http://4.bp.blogspot.com/_dsEG33PDaHw/S66y-66sXXI/AAAAAAAAAOk/0GDe7kdQj4A/s200/icono-cerrar.png'/></a><br />
<a href='URL del enlace'><img src='URL de la imagen'/></a>
</div>


Un ejemplo podría ser este de Twitter:

<div id='anuncio'>
<a href='Javascript:void' onClick='closebar(); return false'><img align='right' border='0' src='http://4.bp.blogspot.com/_dsEG33PDaHw/S66y-66sXXI/AAAAAAAAAOk/0GDe7kdQj4A/s200/icono-cerrar.png'/></a><br />
<a href='http://www.twitter.com/tu-usuario'><img src='http://o.imm.io/o7o.jpg'/></a>
</div>

Pero esta es solo una opción, si buscan diversas alternativas encontrarán formas muy divertidas de crear logos o imágenes o anuncios para sus visitantes.

Lo importante es que logren emitir el anuncio (que los sigan, mostrar publicidad, o sugerir un post, de la forma menos conflictiva posible.

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?)

2 comentarios :

  1. Como Hago para Cambiarle la posicion en la cual sale la imagen flotante??? Por ejemplo si quiero que salga a la izquierda?

    ResponderEliminar
  2. Gracias por la ayuda; cómo hago para que salga al centro de la página y no al costado?

    ResponderEliminar

Lea las reglas:

Todos los comentarios serán leídos y moderados previamente.

Serán publicados aquellos comentarios que respeten las siguientes reglas:
- Su comentario debe estar relacionado al contenido del post.
- No se aceptan comentarios tipo SPAM.
- No incluya links No necesarios en el contenido de su comentario.
- Si quieres dejar la url de tu blog, hazlo utilizando la opción OpenID.
- La caja de comentarios no es el lugar para pedir intercambio de links (para ello ve a la página de contacto).
- Ofensan personales, amenazas o insultos NO serán permitidos.

OBS: Los comentarios de los lectores no reflejan las opiniones del blog.