105

Gadget de entradas aleatorias

Acabo de colocarlo a prueba en la sidebar del Escaparate.

En mi caso muestra siete entradas al azar, que irán cambiando de forma aleatoria cada vez que se refresque la página o se acceda al blog.

Para usarlo en vuestro blog, tenéis que copiar y pegar este script en un gadget HTML en vuestra sidebar:

<div id="random-posts">
<script type="text/javascript">
function getRandomPosts(json) {
var maxEntries = 5;
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
for (var i = 0; i < numPosts; ++i) {
indexPosts[i] = i;
}
indexPosts.sort(function() {return 0.5 - Math.random()});
if (maxEntries > numPosts) {
maxEntries = numPosts;
}
var container = document.getElementById('random-posts');
var ul = document.createElement('ul');
for (i = 0; i < maxEntries; ++i) {
var entry = json.feed.entry[indexPosts[i]];
var li = document.createElement('li');
var a = document.createElement('a');
a.title = entry.title.$t;
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == 'alternate') {
a.href = entry.link[j].href;
break;
}
}
a.appendChild(document.createTextNode(entry.title.$t));
li.appendChild(a);
ul.appendChild(li);
}
container.appendChild(ul);
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999" type="text/javascript"></script>
</div>

Modificaciones:

En var maxEntries = 5; colocamos el número de entradas a mostrar.
En max-results=999 yo he dejado 999 ya que son bastantes más de las que tengo publicadas, podéis poner un número mucho más alto, incluso 999999...

El script está incluido dentro de un div al que hemos llamado "random-posts", usando ese nombre podéis añadir unas líneas de CSS (siempre antes de ]]></b:skin>) para añadir un icono delante de cada título por ejemplo.
Este es el código que yo uso para mi gadget:

#random-posts li{
background: url(http://3.bp.blogspot.com/_8PJ-pgoBhWQ/Scp5LCbO5qI/AAAAAAAAGc0/i8lABu0DF7I/s320/0027_datadialogsbullet.png) no-repeat 0px 4px;
padding: 0px 0 0px 12px;
}


Nota:
He notado que a veces el gadget tarda algo en cargar, así que lo más adecuado será no colocarlo demasiado arriba en la sidebar para que no retarde la carga del blog.

Si queremos usarlo para mostrar en nuestro blog las entradas aleatorias de otro blog, colocamos la url del blog en esta línea del gadget:

<script src="http://elescaparatederosa.blogspot.com/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999" type="text/javascript">

Entradas Relacionadas:

105 comentarios:


Yurena Guillén

Rosa, seguramente ya lo habrás explicado en algún otro post. Pero tengo un problema con mi plantilla y quizás, si dispones de tiempo, me puedas ayudar.
Estoy intentando añadir los iconos de redes sociales para que aparezcan debajo de mis posts. Sigo los pasos indicados y todo va correctamente hasta que voy a guardar los cambios y una advertencia me indica que la plantilla está mal formada y que debo configurar mi plantilla para poder añadir más widgets en la sidebar.
Gracias de antemano y un saludo.

E-migrad@

Hola Rosa

¿Cómo estás? Ojalá que bien.


Por favor, cuando puedas, pasa por Migraciones Internas (migraciones--internas.blogspot.com) para recoger un premio por allí, vale?.


Cariños y que tengas un muy buen día,

E-migrad@

Unknown

Rosa y donde aparecerán estas entradas en el sidebar? si fuese así como podríamos ponerlas de forma que aparezcan al final de la entrada?

Anónimo

Hola rosa, mira veras, he googleado bastante y no encuentro ningun sitio para poder hostear mi script de comentarios, y la url que nos diste http://www.javascripthost.com/ no funciona

¿se te ocurre algun sitio donde poder colgar el archivo gratis? es que soy de blogger y no tengo ningun alojamiento particular

gracias

Jaime Trujillo Escobedo

Pués suena bien, me parece que lo voy a probar ;) un abrazo0te Rosa! :D

Anónimo

Yurena "que debo configurar mi plantilla para poder añadir más widgets en la sidebar" Jamás vi ese error antes...

No se que método estás usando, pero independientemente de eso se trata más que nada de la colocación de los códigos, si están en mal lugar, te dará error.
Un sitio adecuado sería justo antes de esta línea:
<div class='post-footer-line post-footer-line-3'/>

Dependiendo de la plantilla, podría estar así:
<p class='post-footer-line post-footer-line-3'/>

atajar

:)buenisimo 1000000 de gracias ,un abrazo amiga

Yoyorz

muy bueno el post¡¡ thanks

Anibal

Excelente truco. Gracias por compartirlo ;)

Y cuidado con eeyore y sus posts....:D

Anónimo

MALINA Supongo que no hay ningún problema en colocarlas directamente en la plantilla, al final de la entrada, más o menos donde las entradas relacionadas, después de esta línea por ejemplo:
<div class='post-footer-line post-footer-line-3'>

Yurena Guillén

Disculpa, Rosa. Me lié con la explicación.
Lo he vuelto a hacer y me sale exactamente esto: "No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type "b:includable" must be terminated by the matching end-tag "".

Gracias

Anónimo

NetMira en el blog de Banakabanaka en esta entrada:
http://banakabanaka.blogspot.com/2009/03/buscando-espacio-para-alojar-los.html

Ahí explica como usar Google Sites para alojar scripts(si usas Blogger tienes cuenta allí).

mi divernao

Que bien, este wifget me gusta mucho mas que el de Bstir, porque ese toma en cuanto los titulos que proporciona google y no aparecen bien.

planck956

Hola Rosa, en primer lugar gracias por el blog. Me gusta el widget que has creado, la cuestion es ¿seria posible transformalo en un enlace que te llevase a una entrada aleatoria?

Anónimo

Hola Rosa:

Gracias por tus recomendaciones.

He probado ésta en particular, y me funciona en un blog que tiene sobre las 130 entradas, pero en otro que tiene más de 1000 entradas no funciona.

Por cierto, no toqué nada de la plantilla, simplemente lo añadí como un gadget más y lo puse en último lugar.

De nuevo gracias y si descubres por qué no funciona en blogs con más de 1000 entradas, espero que nos lo cuentes...

Saludos
Mimo11

ERASE UNA VEZ EN INTERNET

Anónimo

Jaime A ver a ti que tal te va...el mio a veces no carga:(

Anónimo

Anibal Ja, ja, pobre burrito ;)

Anónimo

Yurena Tendría que saber exactamente que códigos tratas de incluir...el error te dice que donde los pegas "cortas" una etiqueta b:incudable, por lo tanto están en mal sitio...busca algo más abajo de donde los colocas la etiqueta </b:includable> y coloca el código después...aunque todo esto te lo estoy indicando algo "a ciegas" pues ni me dices donde lo pegas, ni que código exactamente...

Bonzu Pipinpadaloxicopolis III

Muy bueno, gracias Rosa ;)

Anónimo

planck956 Para eso ya había publicado esta entrada:

http://elescaparatederosa.blogspot.com/2007/05/mostrar-un-post-al-azar.html

Anónimo

mimo Como indico en la entrada, el código lleva incluido un max-results=999 que es tal como lo uso yo aquí porque en el Escaparate no supero ese número de entradas.

Lo he probado en un blog con 1340 entradas exactamente, colocando en max-results= 9999 y me anduvo...

Bocha

Holas

Es muy buena idea esta, se podra hacer con los banner?? Poner varios y cada vez que uno entre cambie... ??

Estaria bueno.

Rosa, coloque en ABRAN CANCHA iconos en el lugar de (ENTRADAS RECIENTES - HOME - ENTRADAS ANTIGUAS). Y hay dos cosas que no se como hacerlas. Son cortitas. La primera es que cuando paso el mouse sobre la imagen, me aparece un texto que dice "Entradas Antiguas" por ejeplo... y no se si se puede cambiar. ¿Como lo hago? Y la segunda es que me gustaria acortar las distancias entre cada imagen. Ya que entre las mismas hay mucha diferencia.

Saludos, Bocha... :) :)

Jaime Trujillo Escobedo

Rosa, lo probé en mi blog de pruebas y no ví entradas :S parece que solo carga algunas veces :S
Después de mis vacaciones lo volveré a probar :D un abrazo0te ;)

Daniel Sanchez

Hola Rosa, mil gracias por el tip, esta buenisimo, si puedes ver como kedo en mi blog: Soporte Empresarial

Por ultimo una pregunta existe la forma ke tambien se pueda ver la miniatura de la imagen ke este en el post, como se ve en el blogroll?

Mil gracias como siempre por tu respuesta!

Anónimo

Hola Rosa :D mi consulta no es sobre este gadget pero bueno..
Verás me gustaría saber cómo le puedo poner a mi footer el fondo (background) más o menos cómo lo has dejado tu para resaltar los widgets de esa zona ¿Nos explicarás el truquillo? Gracias ;)

Anónimo

Hola Rosa:

Lo habíamos cambiado de 999 a 2222. Ahora lo hemos vuelto a probar cambiando el 2222 por 9999 y sigue sin funcionar en el blog de más de 1000 entradas. Si encuentro el motivo por el que no funciona te lo comunicaré por aquí.

Gracias

Saludos y abrazos

Mimo

Unknown

Recuerdo que antes había otra forma de poner entradas aleatorias y era complicado porque había que modificar varias cosas, con este elemento es mucho más fácil :)
Hasta el momento el blog he logrado que pese menos, así que veré donde lo pruebo :)
Muchas gracias!!!! prrrr ^_^

besotes ronroneados en mi abrazo^^

Anónimo

Bocha De hecho tengo una entrada donde explico como usar banner o imágenes aleatorias.

Una cosa que te quería comentar...no hace falta que pongas tu consulta siempre en la última entrada, mejor déjala en la entrada que habla sobre lo que consultas, es más fácil para todos y a mi me llega el aviso de todos los comentarios al email.
Es más fácil para ti explicar así el problema, más fácil para mi si tengo que mirar algo sobre ello y mucho mejor para los demás que podrán usar los comentarios de cada entrada como referencia.

Bueno, perdona el rollo, y a lo nuestro, je,je.
Para quitar el cartelito ese de las entradas, tienes que borrar esto en la plantilla (con los artilugios expandidos):
Esto para el cartelito de las antiguas:
expr:title='data:olderPageTitle'
Y esto para el de las anteriores:
expr:title='data:newerPageTitle'

Para modificar su posición tienes que hacerlo en el CSS, en esta parte:
#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

Añadiendo el padding que necesites.

Fofo

Rosita cariño hace tiempo que no requiero de tu ayuda, pero me he decidido a actualizar mi blog y le he cambiado la plantilla. Bueno, mi problema es que me gustaría ensancharla y no se por donde meterle mano. Me gustaría que le echaras un vistazo si te apetece y tienes tiempo.
Un besazo y gracias

AlbaFoto

si señor... me ha funcionado perfectamente otro premio para tí

bye

Anónimo

Jaime Si el blog es privado no funciona...

Anónimo

Daniel Trataré de mirar eso cuando tenga un ratillo libre a ver si has posibilidad...

Anónimo

Espinelli Ningún truquillo :o
He puesto las tres columnas en el footer como explicaba en esa entrada y con CSS, color de fondo (background) al footer-wrapper ...nada más.

Unknown

gracias Rosa, lo probaré

Anónimo

mimo El blog no es privado y sus feed están operativos supongo...

Anónimo

Gracias Rosa por tu rápida respuesta, no soy un alumno muy aventajado como sabrás jeje miraré lo del footer-wrapper e intanteré alguna chapuza de las mías :)

Pucho

Hola Rosa, te hago una pregunta. Como puedo hacer para incluir un mensaje debajo de cada post? Por ejemplo, quiero hacer un comunicado, entonces necesito dejar un mismo mensaje abajo de todos los post, y que por ejemplo si lo hago hoy, se publique en todos.
Podria ser entre: El fin del post y las entradas relacionadas. Con un fondo de color.
No se si me explique bien?
En tu blog seria entre enlace permanente y post relacionados. Saludos

Anónimo

Fofo No has escogido una plantilla demasiado afortunada para tal fin...está formada por varias imágenes, para que me entiendas, mira en su código y cada vez que veas la url de una imagen como esta:
http://2.bp.blogspot.com/_Zuzii37VUO4/RpxuUNPL6PI/AAAAAAAAB6M/9k2KL4tYPfk/s1600/img1.jpg

Estará viendo una imagen que hay que descargar, modificar con un programa de dibujo a la medida que necesitas y volver a colocar en el blog...
Para que me entiendas, coloca esa url en el navegador y dale a la flecha, ahí está la imagen de la cabecera...
Los fondos de las sidebar y entradas, los bordes...todo son imágenes adaptadas al tamaño actual.

Bocha

Gracias Rosa, me quedo lindo, jeje... OK ahora te preguntare en las entradas de donde me surgen las dudas. Gracias.

Saludos Rosita y dentro de poco me vas ayudar con eso del menu horizontal, jeje... la veo dificil, Saludos!! :)

Anónimo

Me ha resultado muy útil, gracias Rosa ;)

Anónimo

Pucho Te explicaste perfecto;)

Mira, para preparar el mensaje, igual te sirve esta entrada como guía:
http://elescaparatederosa.blogspot.com/2008/04/mensaje-animando-suscribirse-tu-blog.html

Y el sitio para colocarlo, sería más o menos después de esta línea:
<p class='post-footer-line post-footer-line-3'/>

En algunas plantillas está así:
<div class='post-footer-line post-footer-line-3'/>

Fofo

Rosa todo esto me supera un poco. Si ya tu me dices que no se puede, es que no tiene remedio. Muchas gracias y un besote

Anónimo

Fofo En esto no hay nada imposible...sería como diseñar una plantilla nueva prácticamente, el problema son las imágenes, no todo el mundo maneja este tipo de programas de diseño, yo por ejemplo, ni idea.

Unknown

Hola Rosita = D una pregunta: Hay alguna manera de poner el icono mas separado de la primera letra del titulo del post. Ya que me sale sobre puesta y tapa la primera letra. Salu2

Jas Trujillo

Nathan yo

Si los sidebars de tu blog son super cools los amo :X

Anónimo

Surplus21 En esta línea del CSS:

padding: 0px 0 0px 12px;

Aumenta el valor en 12 por el ancho del icono que estés usando.

Anónimo

Gracias Rosa, con tu ayuda he aprendido muchísimo sobre armar blogs, en especial el mío que se ha modificado muchas veces a lo largo de estos dos años. (comencé en blogger, me mudé a wordpress pero volví a blogger porque wordpress no me resultó práctico).Sobre todo estoy ahora quitándome el temor a modificar la plantilla html.
Sigo aprendiendo y agradeciéndote tu inmenso aporte a todos.

Felicitaciones!
Mar

ordago13

hey, rosa justo lo que te pregunte¡¡¡ y funciona perfectamente¡¡¡ ya lo tengo puesto en mi blog creo que le da mucho juego.

Tengo puestos ya muchisimos trucos tuyos, la navbar personalizada, los post que se despliegan al pinchar sobre el titular, que no se muestren algunas etiquetas en concreto, la firma en los posts etc...

¿que sera lo siguiente que salga de tu chistera y personalize un poco más mi humilde blog? te doy las gracias eternamente

cambiando de tercio, yo hago un programa de música: beatles, queen, u2, rem, dylan, elton john etc...
puedes escuchar mi programa: "10 historias 10 canciones" estaría super agradecido si pudieras pasarte y escucharlo aunque sea solo un poquito lo mismo tengo mucha suerte y te acaba gustando¡¡¡
te dejo el link sin mayores pretensiones: republica libertaria de las tortugas

con cariño un fiel seguidor, ordago13

Anónimo

María Marcela Gracias a ti, me alegro que te haya sido útil alguna cosilla de aquí :D

Anónimo

ordago13 Estoy segura que me gustaría. :D ¿Sabes? mi marido también tiene un programa casi diario (menos el sábado) en una radio online, me encanta la radio y la música...voy a ver el blog ;)

Haze admin

ta bn vakano esso thankssss

Cêz

Me gusta esta idea! antes de implementarlo en mi plantilla, tengo una pregunta, cómo puedo manipularlo con una flechita hacia izq y otra a derecha por cada extremo del gadget para que el visitante pueda "recorrer" todas las entradas? aqui te dejo un link para entender mejor mi pregunta jejeje, es que me encanta para festejar el 1er año de mi blog jejeje.
http://btemplates.com/2008/12/05/clean/

Anónimo

Céz Eres al menos la tercera persona que me muestra ese slide...más quisiera que poder mirarlo, de hecho lo he prometido, pero es que no me alcanza el tiempo, de verdad:$

Cêz

Eso pensé, pero sabes qué? entiendo algo acerca de mantener un blog y ayudar a los demás, así que no importa. Siempre te estaré infinitamente agradecido por toda la ayuda que me proporcionaste anteriormente, sin ella, mi blog no sería como hoy. :).

Un fuerte abrazo desde México.

Cêz

Ooopsss me caí de la silla porque acabo de leer el mensaje numero 50!

Rosa, debo decir que tu esposo es un hombre afortunado de tener una mujer tan espléndida y la más generosa de toda la blogesfera!

Anónimo

Céz Ja, ja, tal vez pensaste que era una solterona aburrida o que...:D

Anónimo

Esta muy bien y buen resultado.:P

fry

Otra utilidad muy buena. La he añadido a mi blog y funciona muy bien. No he notado retardo al cargar ni ningún tipo de problema.

¡Muchas gracias, Rosa! :)

Anónimo

fry Que suerte...a mi no acaba de irme bien del todo en el Escaparate :(

Germánico

Hola yo de nuevo :P

quisiera saber si se le puede agregar expandir/contraer a este elemento tal como mostras en esta entrada,

como por ejemplo como tenes es tu blog "post al azar".

Saludos.

Anónimo

Germánico Si, se puede:
http://elescaparatederosa.blogspot.com/2009/04/expandir-y-contraer-cualquier-gadget.html

La Chica del Blog

Que tal Rosa?!
Mira, tengo un re problema, intente usar este truco, pero la cosa es que muchas entradas mias, no tienen titulo, por lo tanto no aparecen en las "entradas aleatorias" ni tampoco cuando quiero mostrar un Feed de mis ultimas entradas :( espero que me puedas ayudar ;)
Tu blog me es de mucha ayuda por cierto.
Saludos

Anónimo

/0800amor Blog ♥ No puedo ayudarte, si no hay título no hay otra forma...

La Chica del Blog

es extraño, por que antes tenia una plantilla que podia poner el Feed para que se vea las ultimas entradas y las que no tenian titulo, directamente aparecian el cuerpo de la entrada :( pero bueno...

Anónimo

/0800amor Blog ♥ Tal vez ha sido desde que Blogger modifico la forma de mostrar las url de las entradas, no se a ciencia cierta, pero yo he probado por si acaso y, al menos a mi, no me salen...

Mauricio

Hola Rosa, tengo un problema en la opción (añadir gadget)No me deja organizar los gadget por que no me deja introducirlos en los espacios,a qué se debe esta situación??Gracias por tú respuesta.

Anónimo

Mauricio ¿Has intentado limpiar la cache de tu navegador?

Mauricio

Hola Rosa,si ya he limpiado la caché del navegador google y todavía sigo con el problema no me deja organizar los gadget,dime algo por favor mira que es importante Gracias.

Anónimo

Mauricio Se que es importante para ti, pero es que desde aquí yo no puedo hacer mucho más...
Ha de ser cosa de algún gadget que has colocado en la sidebar o algo que has cambiado últimamente, trata de recordar que has añadido nuevo y prueba a retirarlo a ver si se soluciona.
Tienes demasiados gadgets inútiles en la sidebar, algunos muy anchos para ella y otros que ni siquiera estoy segura puedan funcionar en Blogger sin problemas...

Play

Hola Rosa tengo un problema a veces no carga y se que da en blanco. por que sera ??
Miralo AQUÍ :(

Anónimo

cargohe Pues no se a que es debido...pero si he notado que ami también me pasa algunas veces, no carga o se cargan menos entradas :S

Anónimo

Hola que tal, me parece que es la primera ocasion en que dejo un comentario, aunque debo confesar que llevo un tiempecito siguiendo este blog ya que a mi punto de vista es exelente, y proporciona una gran ayuda a nosoros los bloggers, Felicidades !!

Pasando a otro tema, tengo una pequeña-gran dunda con respecto a este gadget y es la siguiente:

¿Como crear un gadget de entradas aleatorias, que tengan en comun una sola etiqueta, para que asi sean todas de un solo tema?

Espero haberme explicado, y puedas ayudarme.

Saludos y gracias de antemano.

Anónimo

Dylan Pues que sean aleatorias no sabría decirte ahora mismo... que sean las últimas entradas publicadas con la misma etiqueta si puede hacerse fácilmente usando el feed de la etiqueta...

Anónimo

Muchas gracias, he logrado conseguir el efecto de aleatorias con una sola etiqueta, usando su feed, en este mismo gadget que presentas aqui, solo sustitui en el codigo

feeds/posts/summary

por

feeds/posts/default/-/NOMBRE_DE_LA_ETIQUETA

Solo que ahora me trae otro problema. Ya contaba con un gadget de entradas aleatorias, entonces, al agregar el nuevo de una sola etiqueta, me aparecen los dos resultados en un solo gadget, a pesar de que lo ponga en diferentes.

En otras palabras, se me junta el gadget de todas las entradas aleatorias con el de una sola etiqueta.

No se si tenga que ver con que es el mismo script, aunque no creo que sea eso, o si? :S

Anónimo

Dylan No puede usarse tal como lo has hecho, al añadir los dos, el de entradas se superpone o "domina" al otro... cada cosa es para lo que es...

Anónimo

Está muy bien el gadget, es justo así como estoy navegando por el blog ahora mismo. :D

Unknown

:D muy bueno el gadget es de bastante utilidad ya lo implemente en mi blog ;)

te invito a que lo veas funcionando

bueno muchas gracias Rosa

Viviana

pues en mi blog no aparece... http://mamasybebesblog.blogspot.com

que sera?

Anónimo

Viviana y Sofia ¿Tienes el gadget colocado?...no lo he visto allí para tratar de localizar el problema...

Viviana

Gracias Rosa

http://mamasybebesblog.blogspot.com

Alli esta colocados, al final de la columna de entradas, con el titulo de "Algo de nuestro Archivo"

Y el condenadisimo se ve en este preciso momento... te tuvo miedo Rosa y decidio mostrarse !!!!

Gadget condenadisimo :P

Voy a aumentar el numero, porque salen las entradas mas recientes...

Anónimo

Hola Rosa
Quisiera Ponerlo en la pagina principal como haría esto?
Gracias

Anónimo

Fernando Pues como dice la entrada...en un gadget en la sidebar, eso es la página principal... o en un gadget sobre las entradas.

Anónimo

Hola Rosa
A lo que me refiero es que en vez de las entradas normales(que se van posteando), ahi en la pagina principal aparezcan las entradas aleatorias, mas no en la siderbar

Anónimo

Ya pude ponerle en pa pagina principal, loq ue quiero ah9ora es que se muestre todo el contenido de la entrada No solo el titulo, que parte del codigo tengo que modificar?

Anónimo

Fernando El gadget es como es y para lo que es... si pudiera usarse como dices, lo habría explicado en la entrada.

Takeshi

Muy bueno el truco ya lo agregue a mi blog y esta funcionando perfectamente, gracias!

Viviana

en el mio no funciona... funciono una sola vez y... adios!!

http://mamasybebesblog.blogspot.com/

Kas-Tro

Oks rosa gracias por tu respuesta..

Narak de Radamanto

Muchas gracias por el código, aunque en realidad lo que estaba buscando era un código para mostrar la entrada entera y no solo el link.


Se te agradece ;)
Pura Vida

Anónimo

Narak de Radamanto Las entradas completas no es posible en este gadget.

ik

¿Se podría hacer para que apareciese tambien una miniatura de la imagen del post junto a los títulos en el gadget?

Muchas Gracias.

Anónimo

ik Lo más parecido a lo que dices sería esto:
http://elescaparatederosa.blogspot.com/2009/05/ultimas-entradas-con-imagen-lista-de.html

ik

Muchas gracias, ahora me toca decidir cual de las dos opciones me gusta mas, si aleatorio puro o aleatorio falso pero con imagenes.

Gracias de nuevo.

Nuria Cortés

Hola Rosa,

¿Cómo puedo cambiar el color del título de las entradas que aparecen en el gadget de entradas al azar? Me aparece en el mismo color que el link de las etiquetas y a mí me gustaría que me saliera el color que aparece en mis gadgets de post más recientes o comentarios recientes. He intentado cambiarlo metiendo esta info en CSS, pero nada:

#HTML7 li {
color: #215487;
font-size: 12px;
font-family: Trebuchet MS, Georgia,Arial, Tahoma, Verdana;
margin-bottom:8px;
}

Si cambio el color, no se me cambia el color de la letra si no del puntito. En cambio sí que puedo controlar el tamaño de la letra...

Por si no me he explicado bien, aquí los podrás ver: http://www.laloliplanet.com

Muchas gracias ;)

Rosa

Nuria Cortés Está claramente explicado en la entrada... para eso los he incluido en un div:

#random-posts li{
color: #215487;
font-size: 12px;
font-family: Trebuchet MS, Georgia,Arial, Tahoma, Verdana;
margin-bottom:8px;
}

Nuria Cortés

Hola Rosa,

Así lo intenté la primera vez. Lo escribí tal y como lo has puesto tú y seguía en rosa el título del post y sólo cambiaba de color el puntito, por eso lo intenté con el "nombre" que tenía el gadget de HTML donde coloqué el script, que era HTML7. Pero tal y como tú dices, no me hacía efecto... Por eso te preguntaba...

Rosa

Nuria Cortés Qué raro... mira, prueba de nuevo como te he dicho, pero en lugar de la almoadilla # del comienzo, usa un punto. ... si no va me cuentas...

Unknown

Hola de nuevo,

Continuo personalizando la plantilla. He añadido el gadget de Blogger de las últimas entradas y aparecen subrayadas. Me gustaría saber como puedo quitar el subrayado y hacer que cambien de color al hacer clic sobre ellas.

Gracias por todo,

Nicolás

Anónimo

Nicolás No hay opción al menos que yo sepa a cambiar nada en ese gadget... se muestra directamente desde Blogger mediante una iframe a la que no hay acceso desde el código.

Orlando A.

Saludos Rosa, como hago para que me funcionen los iconos? agrego el codigo antes de b:skin como indicas pero me sale igual. Que estoy haciendo mal?, espero tu ayuda, gracias y felicitaciones por tu excelente blog.

Anónimo

dvdextremo - ¿Lo estás usando tal como está aquí...con mi misma url del icono?, porque si es así debería verse sin problemas y si la has cambiado, entonces ahí podría estar el error.

RocksNRules
Este comentario ha sido eliminado por el autor.
RocksNRules

Es posible hacer que la primera entrada sea aleatoria cuando se ingresa al blog?

Anónimo

RocksNRules No, al menos que yo sepa.

Tarzán

Hola, Rosa.
Estoy probando varios de tus consejos, en particular éste de las entradas al azar; estaba planteándome programarlo yo en JS, pero no sabía cómo acceder a la lista de entradas. ¡Menos mal que te encontré!
Muchas gracias y un saludo de http://www.tarzanyjane.com

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S