Blogroll – Sin efecto de scroll

En la entrada anterior vimos que es un blogroll y como implementarlo con efecto de scroll automático a nuestro sitio o blog. Si deseas implementar un blogroll sin efecto de scroll automático como el siguiente:

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

Simplemente copia y pega el código siguiente:



<ilayer clip="0,0,170,150" width="180" name="scroll1" height="160">
<layer width="180" name="scroll2" height="160" bgcolor="lightyellow">
<div id="scroll3" style="width:468px;height:300px;background-color:#fffff;overflow:scroll">
<font color="#000000"><p align="left">

Código para banners con enlace (elimina este texto:

<p align="center">
<a href="http://URL COMPLETA DEL SITIO QUE DESEAS ENLAZAR" target="_blank"><img src="http://URL COMPLETA DE LA IMAGEN DEL BANNER" border="0" /></a></p>

Código para una galería de imágenes (elimina este texto:

<img src="http://URL DE LA IMAGEN QUE DESEAS MOSTRAR" width="150" />

Código para una serie de enlaces de texto(elimina este texto):

<a href="http://URL COMPLETA DEL SITIO QUE DESEAS ENLAZAR" target="_blank">TEXTO QUE DESEAS AGREGAR</a>

</font>
</div>
</layer>
</ilayer>

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.

Si deseas cambiar el fondo de la caja lo puedes hacer sustituyendo los valores donde dice background-color:#fffff o bien si quieres que tenga el mismo fondo del color de tu blog suprime el valor fffff dejando el signo de #.


NO DEJES DE VISITAR:

http://www.buscate.com.mx