Suscríbete gratis por:

agregar a favoritosAñádeme a tus favoritos

Crea tu blog paso a paso:

SEO para Blogger

Fideliza a tus lectores

Consigue más visitas

Gana dinero con tu blog

Haz que tu blog no parezca un blog

Dominio propio para Blogger

Si eres blogger házte seguidor



Gadget con scroll para una lista de enlaces



Si quieres agregar una lista de enlaces en la sidebar de tu blog, muchas veces la lista puede resultar interminable por la cantidad de enlaces. Por esta razón es conveniente poner un scroll para que se pueda bajar y/o subir para así convertir la lista en una lista de dimensiones visiblemente más adecuadas.



Para instalar este scroll de enlaces, haz lo siguiente:

1) Ves a Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript. En él pega el siguiente código:

<div class="widget-content">
<ul style="height:150px;width:150px; overflow:auto; ">

<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>

<span style="font-weight:bold;"></span>
</a></li></ul></div>

Código a copiar/pegar

Para modificar el tamaño de este gadget, cambia el with y height de acuerdo a las dimensiones de tu sidebar. Para cada enlace deberás poner el enlace correspondiente en enlacedelblog y el nombre de éste en NOMBREBLOG.

Para agregar o eliminar enlaces, fíjate en como está estructurado el código.

Todo listo, espero que te sea de utilidad.

20 comentarios:

Gigaman x dijo...

Este gadget es muy peculiar, de hecho pienso que es mejor a los que tiene Blogger pues este es mas personalisable que hasta el color le podríamos cambiar a uno o a varios enlaces, entonces a pesar de que no tengo planes de usarlo te digo:

Muy buen gadget

Sigue así, ya veras que tu trabajo se va recompensando poco a poco.

Saludos.

goyu73 dijo...

pues claro que es de utilidad jejeje una pregunta se pueden meter imagenes, a ver si me explico tu enlace en mi blog es un rectangulo que lleva tu dirreccion se puede poner o tengo que quitar el rectangulo y poner tu direccion ahi espero haberme explicado

El gato escondido dijo...

Hola sólo quiero felicitarte por tu gran blog, increiblemente bueno, entré a curiosear y me quedé unas cuantas horas, bueno, eso, ¡Felicidades!! y en cuanto mañana abra mi blog del gato pondré un link o enlace al tuyo. Me gustó leerte. Saludos.

quierocrearunblog dijo...

@Gigaman. Gracias por tu comentario compañero.

@Goyu73. Claro que puedes poner imágenes. Sólo debes cambiar el enlace tipo texto por el enlace clásico para poner una imagen. Aquí puedes ver como se hace

@Elgatoescondido. Gracias por tu comentario y bienvenido a este blog y al mundo blogger. Y por supuesto, muchísimas gracias por incluirme en tu lista de enlaces. Un saludo amigo.

LiPooh dijo...

A mí también me parece muy útil, no sólo porque lo puedes personalizar, sino porque ocupa poco espacio. Cuando llevas mucho tiempo y usas muchas etiquetas, evitas tener una largaaaaaa lista con todas las etiquetas. Ahora mismo lo voy a poner. Genial como siempre!!!

quierocrearunblog dijo...

Me alegro que te sirva Lipooh. Un saludo :)

wweash27 dijo...

Gracias!
pero tengo una duda,como se pone una imagen en cada link?

quierocrearunblog dijo...

Hola wweash27. Un enlace con imagen se hace siguiendo estos pasos:

<a href="URL del enlace"><img alt="Título" src="URL de la imagen" /></a>

La próxima vez por favor emplea el buscador.
Saludos.

el que grita!! dijo...

Hola,

me salen los enlaces pero uno muy debajo del otro, algo muy extraño, sabes por qué me puede pasar eso?

gracias,

quierocrearunblog dijo...

Hola "el que grita". Veo que tienes el mismo problema con todos los espacios de tu blog. Haz una cosa, ves a Configuración->Formato. Allí comprueba que ponga "Sí" en "Convertir saltos de línea".

el que grita!! dijo...

Ya está!!

He estado buscando por tu blog y he encontrado otra posibilidad, recortando el texto y apareciendo todas mis entradas recortadas y con salto de página.

Estaba preocupado porque cuando escribo me explayo agusto y me alargo mucho, pero para el visitante no es agradable darle a la rueda del botón eternamente y quería solucionarlo y...una vez más me has ayudado.

Como diría aquel..."bueno, bueno, bueno si te hubiera conocido antes!!!"

quierocrearunblog dijo...

Jajaja, pues ahora que ya me has encontrado ya sabes que aquí me tienes para ayudarte en lo pueda. ¡Un saludo!

<strong>Revista Moderna</strong> dijo...

Hola amigo:
Quiero saber si se puede poner scroll a todas las entradas del blog (o a entradas con determinadas etiquetas o secciones).

Muchas gracias. Muy útil el espacio. Saludos.

Conrado
cuestionesdelenguaje@gmail.com

Mis creaciones con fimo dijo...

Gracias, da gusto aprender cosas nuevas. Pronto lo incluiré en mi blog
www.dedoscomplementos.blogspot.com

ISHTAR PADDY.=== dijo...

Gracias por la entrada,me sirvió de mucho y ya la he puesto en práctica en mis blogs===

Sound System - Cultura en radio dijo...

como puedo poner en vez de enlaces.. imagenes? que sea un scroll de imagenes, ya que mis entradas incluyen todas fotos.

franco dijo...

hola buenos dias quisiera saber si te interesaria hacer un intercambio de enlaces si quieres por favor deja un comentario en http://tododeguitarra.blogspot.com/
diciendo que quieres

muchas gracias por la atencion

moret dijo...

hola, quiero ponerlo pero no sé en qué parte del código html.. lo copié en cualquier lado pero me tira error. y desde "add gadget" me dice que tengo que agregarlo desde una url... lo tenés subido a alguna url??

gracias!!

MARTA dijo...

me gustaria saber como hago para poner un gadget que pinches y se abra una pagina con los enlaces como tiene esta chica cuando pinchas en favourites a la derecha
http://www.modeperle.com/

Mukeniio dijo...

Gracias, buscaba poner las paginsa amigas y no encontraba el gadget de blogger que era para ello y con este me sirve, saludos




NORMAS PARA COMENTAR:

1) Si no encuentras lo que buscas emplea el buscador.
2) Si quieres preguntar algo, primero asegúrate que tu comentario guarda relación con la temática de la entrada.
3) Si tu pregunta no encaja en ninguna entrada mándame un e-mail en contacto situado a pie de página para preguntarme lo que necesites.
4) Trata de expresarte bien. Explica correctamente tu problema, y por favor, no escribas en mayúsculas ni emplees lenguaje SMS. Escribir correctamente es gratis.
5) No hagas SPAM. Comentarios breves con la unica intención de dejar la dirección de tu blog será considerado SPAM.
6) No se permiten descalificaciones ni faltas de respeto hacia ningún usuario.

Si no se cumplen estas seis normas el comentario será ignorado y/o borrado.
Respetando estas normas ganamos todos, conseguimos un mayor orden y ayuda para los nuevos visitantes. Gracias por tu comprensión.


Publicar un comentario en la entrada

 
 
 
ir arriba