Quickribbon Programas y Utilerías: Blogroll – Agrega una marquesina de enlaces a tu blog o sitio

Por favor participa con tus comentarios en cada programa, aplicación o método haya sido de utilidad (tus comentarios son muy valiosos).




Fill out my online form.
Google

miércoles, 16 de julio de 2008

Blogroll – Agrega una marquesina de enlaces a tu blog o sitio

Que es un Blogroll?


El termino blogroll se refiere a una colección de enlaces de blogs o sitios, normalmente presentado en una columna lateral de la plantilla.

Su implementación en forma de marquesina permite mostrar no solamente enlaces, también pueden agregarse imágenes y texto en un solo y reducido espacio, ya que se muestran los diferentes elementos en forma de desplazamiento.

Ejemplo:



Este es un ejemplo de lo que puedes hacer con un blogroll, puedes mostrar un simple texto (como este) o elementos como:

Una serie de banners con enlace:











Una galería de imágenes:




Una serie de enlaces de texto:

Programas y Utilerías
El Balcón Amateur
Escala Mania

Como ya vimos el contenido se muestra en scroll (desplazamiento) y este se detiene o pausa, para permitir ver o hacer click (en los enlaces) en un elemento en especifico, cuando se posiciona el puntero del mouse por encima del contenido, y el desplazamiento continua cuando se retira el puntero de la marquesina.

Si deseas agregar un blogroll a tu sitio o blog, copia y pega el código siguiente:


<table align="center" border="2" height="120" width="468"><tbody><tr><td><marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" height="120">

Este es un ejemplo de lo que puedes hacer con un blogroll, puedes mostrar un simple texto (como este) o elementos como:

Una serie de banners con enlace:

<p align="center">
<a href="http://programas-utilerias.blogspot.com/" target="_blank"><img src="http://cocoscuba.googlepages.com/banner_programasutiles3.gif" border="0" /></a></p>
<p align="center">
<a href="http://balconamateur.blogspot.com/" target="_blank"><img src="http://cocoscuba.googlepages.com/BANNER_ELBALCON1.gif" border="0" /></a></p>
<p align="center">
<a href="http://escalamania.blogspot.com/" target="_blank"><img src="http://cocoscuba.googlepages.com/BANNER_ESCALA_MANIA1.gif" border="0" /></a></p>
<p align="center">
<a href="http://tutorgames.blogspot.com/" target="_blank"><img src="http://cocoscuba.googlepages.com/TUTORGAMES_BANNER2.gif" border="0" /></a></p>
<p align="center">
<a href="http://promogirls.blogspot.com/" target="_blank"><img src="http://cocoscuba.googlepages.com/BANNER_PROMOGIRLS1.gif" border="0" /></a></p>

Una galería de imágenes:

<img src="http://cocoscuba.googlepages.com/coco.jpg" width="150" />
<img src="http://cocoscuba.googlepages.com/CAROTA1.jpg" width="150" />

Una serie de enlaces de texto:

<a href="http://programas-utilerias.blogspot.com/">Programas y Utilerías</a>
<a href="http://balconamateur.blogspot.com/">El Balcón Amateur</a>
<a href="http://escalamania.blogspot.com/">Escala Mania</a>
</marquee></td></tr></tbody></table>

Recuerda que debes cambiar en el código donde dice a href por la dirección completa del link que deseas agregar, y donde dice src por la dirección completa de la imagen que deseas.

Si no viste el tema de cómo agregar un banner o link, puedes hacerlo presionando aquí.

Para modificar el ancho y altura de la marquesina los puedes hacer en la primera parte del código, donde dice Width = Ancho y Height = Altura cambiando los valores actuales por los que tu requieras.

NO DEJES DE VISITAR:
http://www.buscate.com.mx

3 comentarios:

Centro Cultural y Biblioteca Popular Hamlet Lima Quintana dijo...

Gracias me sirvio mucho

Pablo Ballesteros dijo...

estoy muy interesado en saber como hacer un Blogroll con imagenes de mi disco duro
¿podrias decirme como se hace?
gracias

Cocoscuba dijo...

Estimado Pablo:

Me parece que hay un error de interpretación, si puedes ver HTML en tu PC, pero para que este funcione de manera eficiente debes ser generado y cargado los archivos en un servidor Web.

Si en realidad lo que deseas es hacer pruebas de cómo se ve tu código HTML, te recomiendo que lo publiques en un servidor, sin publicar al público y/o tus lectores la dirección final, así puedes hacer pruebas.

Yo en lo particular he creado un blog de pruebas precisamente para ver como funcionan los elementos antes de publicarlos en mi blog principal.

Saludos cordiales,

Cocoscuba
www.buscate.com.mx