42

Mostrar un post al azar

Lo he visto en PurpleMoggy´s y me ha llamado la atención, aunque no le encuentro demasiada utilidad, la verdad, pero es una cosilla más para lucir en el blog. Podemos hacerlo mediante un script que añadiremos antes del cierre </head> de nuestra plantilla:


<script type='text/javascript'>
//<![CDATA[
var _yourBlogUrl = "http://NOMBREDETUBLOG.blogspot.com";

function randomPost() {
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTotalPostsCallback&start-index=1&max-results=1";
script.setAttribute("src", theUrl);
document.documentElement.firstChild.appendChild(script);
};
function getTotalPostsCallback(json) {
var totalResults = json.feed.openSearch$totalResults.$t;
if (totalResults > 0) {
getRandomPostNumber(totalResults);
}
};
function getRandomPostNumber(totalResults) {
var randomNumber = Math.floor((Math.random() * totalResults) + 1);
getRandomUrl(randomNumber);
};
function getRandomUrl(randomNumber) {
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTheUrlCallback&start-index=" + randomNumber + "&max-results=1";
script.setAttribute("src", theUrl);
document.documentElement.firstChild.appendChild(script);
};
function getTheUrlCallback(json) {
var theUrl;
for(var i = 0; i < json.feed.entry[0].link.length; i++) {
if (json.feed.entry[0].link[i].rel == "alternate") {
theUrl = json.feed.entry[0].link[i].href;
break;
}
}
if(theUrl) {
window.location.href = theUrl;
}
}
//]]>
</script>

Cambiamos donde pone http://NOMBREDETUBLOG.blogspot.com por la url (dirección) de nuestro blog.

Añadimos un nuevo elemento html-javascript y pegamos esto:
<a href="javascript:randomPost();">View Random Post</a>

En "View Random Post" ponemos lo que queremos mostrar en el link hacia nuestro post al azar, por ejemplo podemos poner "Ver post al azar".

También podríamos colocar una imagen sustituyendo "View Random Post" por la url de la imagen escogida: <img src="url_de_la_imagen"/>, incluso usar las dos cosas (imagen y texto), por ejemplo un pequeño icono tipo flechita, solo tenemos que colocar la url de la imagen y a continuación el texto.

Entradas Relacionadas:

42 comentarios:


Gabriel

Hola, Rosa:
Soy nuevo en esto de los blogs y necesitaría una pequeña ayuda.
Mi problema es este: al colocar el mouse sobre los links de mi blog, el resto del texto se mueve (no solo el texto del link), y también algunos graficos. Me podrás ayudar??
Mi blog es: http://soymosquero.blogspot.com
Saludos

Rosa

Saludos Gabriel y bienvenido!

Para eliminar ese efecto de tus links, tienes que buscar esta parte en tu plantilla (en el código):
a:hover {
position: relative;
top: 1px;
left: 1px;
color: #72179D;
}
Y borrar
position: relative;
top: 1px;
left: 1px;

Moira

Hola Rosa ;-)

Probé este código con la intención de utilizar un blog aparte (desde mi blog actual ir a otro con las 22 entradas) para lo de sacar una carta al azar ¿te acuerdas? pero no me funciona el código. Lo puse justo antes de (/head) y añadí el nuevo elemento tal cómo explicas, creo que lo hice todo bien, pero no funciona.

Saludos :)

Gabriel

OK, Rosa, entendido, pero el tema es que así y todo hay palabras (por ejemplo al pie de las entradas o en "Leer más") que se "mueven" al ubicar sobre esos links el mouse. Hay alguna solución para eso?
Gracias nuevamente.

Rosa

Pues lo siento Gabriel, pero no veo otra cosa en tu plantilla que pueda producir ese efecto...

Moira

¡¡¡CONSEGUIDO!!! copie directamente el código fuente de http://purplemoggy.blogspot.com y ahora si que me salió.

Todavía tengo que pulirlo mucho, hacer las 22 entradas y currarmelo un poco, pero la mecánica ¡¡¡FUNCIONA!!!

Gracias :)

Rosa

Moira bien!!!
Mi código se cortaba por falta de espacio en la entrada y no me había dado cuenta...

Me alegro que lo hayas solucionado!

TioTaum

Si te refieres a la bandita que tiene el blog en la cabecera a la derecha, a mi no me sale y hago lo que tu dices.
Saludos
TioTaum

Moira

Rosa te invito a que pases por mí página y pruebes a sacar tu carta para hoy. Ya me dirás si la carta que te sale acierta ;-)

Pruébalo

Rosa

Moira, ¡Espectacular! Que bueno XD

"Los enamorados" de pleno! je,je.

Stifler

Hola Rosita
Estoy un poco confundido
Acabo hace un mes de empezar mi blog y me preguntaba si que hasta que tenga 22 post puedo hacer lo del post aleatorio porque en IE me aparece que hay un error en la pagina cada vez que lo toco, y tengo solo como 15 posts, puedes pasar por mi blog a ver que pasa?
Gracias Rosa
-Stifler

Rosa

Stifler, no entiendo...¿quieres decir que al añadir lo del post aleatorio te da error?

Stifler

Debe ser que es por ser internet explorer, pero no tengo otra alternativa que usarlo. Pero quiero saber dos cosas
1. Cuando pasaste al blog y tocaste ''haz clic aqui para escoger una aventura al azar'' no te mando a ningun lugar
2 Se puede cambiar el codigo para cambiar el numero de posts (sigo en duda con eso.
3. (Si, ya se que dije 2) Use la plantilla thisaway, no ay que cambiar el codigo?
4. (creo que me excedi un poco jeje)Ya tengo 24 post jiji, pero no me sirve

:(, Gracias por ofrecerme ayuda Rosa :D

Rosa

Stifler, acabo de probarlo en un blog de pruebas con 12 post y funciona...
Mira, he modificado el post, incluyendo el código con una barra de scroll para que al copiarlo completo no haya problema, pienso que era eso el error, que alguna parte se "incrustaba" en el borde de la entrada y no podía copiarse...

Niyes

Hola Rosa.

Muchísimas gracias por este magnífico apunte, ya que es algo que estaba intentando hacer desde un tiempo y no lo conseguía y tu lo has resuelto de una forma sencilla y clara.

Un saludo.

http://blog6d6.blogspot.com

Lajos

Muchas Gracias, es medio innecesario pero siempre alguien lo va a utilizar

Rosa

Lajos , toda la razón, es cierto que es innecesario, pero siempre hay alguien al que le gustará usarlo :D

Juanjo

Hola Rosa, perdona pero tengo una consulta: se pueden mostrar en vez de un post aleatorio debajo de cada entrada 3 posts jeje, quedaría mejor que uno solo, gracias.
Saludos.

Rosa

Juanjo, en realidad no se si quedarían mejor tres que uno...este truquillo a mi me parece una chorrada innecesaria, pero en fin...

Mira a ver si cambiando max-results=1
por 3 te sirve...se me ocurre así de repente, pues no tengo posibilidad de comprobar esto yo misma en estos momentos...

Vicho

Estimada Rosa. Instalé este script dentro de mi plantilla. Me funcionó por varias semanas, pero ahora, cuando se le da click a "Ver posts al azar" me manda a una página al azar de comentarios hechos en posts pasados, no a un post escrito por mi. ¿A qué crees que se deberá?

Rosa

Vicho, en mi ultima entrada hablo sobre un enlace nuevo de suscribir a comentarios...Blogger ha de estar haciendo pruebas en los feeds de nuestro blog, así que es por eso que andan mal en general (he recibido varios emails al respecto).
En el caso de este código, usa los feeds del blog para funcionar...así que paciencia.

Chito

Este código de post al azar funciona. Lo han corregido tras los cambios en los feeds de blogger.

Saludos.

Vicho

Mil Gracias Chito, por esto amo Internet, aquí los conocimientos no tienen dueño. Muchas Gracias

braulioaquino

Hola Rosa, luego de mucho tiempo de utilizar ese script me ha fallado. Copié el script desde el mismo blog que comentaste y funcionó. Seria bueno que el des una actualización.

Rosa

braulioaquino, gracias, en cuanto tenga un tiempo libre lo haré. :-)

Braulio Aquino

Sorry Rosa, no pude soprtarlo y tube que postearlo :D
Entrada aleatoria en Blogger

Maite

ROSA! he encontrado ésto de chiripa y me ha venido muy bien para mi página! Le veo todo el sentido allí colocado. Es un blog más informativo que otra cosa así que genial.
Ves? raramente pero tiene utilidad después de todo jejeje.
Gracias.

Maite

Y ya que estoy aquí...
sabes cómo se puede ver visitas por cada página??? he visto blogs que debajo de entradas en las que además pone eso de "leer más" (y que a mi no me sale yoqueseporqué aunque le de en configuración lo que me pide) sale el número de visitantes por artículo.
Y podría además hacerse un top de artículos mas vistos?
Gracias. Un día de éstos tendrás que pasarme la factura jajaja.

Rosa

Maite , en Blogger no se puede que yo sepa, lo habrás visto en blogs de otros servicios como Wordpress o en páginas con dominios propios.

Maite

Qué lastima. La verdad que no me suelo fijar en qué servicio es cuando veo algo que me gusta.
Gracias!

Cris

Holaaa, te llevo leyendo desde hace un mes o poco más; pero nunca me he atrevido a comentar. Tu blog me está ayudando muchísimo, ¡eres la mejor! Sigue así y nunca decaigas.
Besos, Cris. :)

Rosa

Cris, me alegra oír eso, sino habías comentado es porque no lo has necesitado, así que mejor;)
¡Un saludo cielo!

Smocker

Hola solo darte las gracias por el post, aunque dices que no le encuentras utilidad, la verdad es que a mi me ha venido de perlas para el blog. Si quieres echarle un vistazo, a qui te lo dejo.
Noticias Pafliparlo

Gracias nuevamente.

yo mismo

Muchas gracias, llevaba un tiempo intentando poner esta característica en mi Blog y por fin lo he conseguido.

Gracias!!

Rosa

Kebby Cuando en la url hay un guión FeedBurner no acepta el feed...eso le pasaba a Gem@ Blog y fue Jmiur de Vagabundia quien se lo solucionó...pregúntale a el.

Anelfumi

Me ha servido de mucha ayuda. Muchas gracias! Tu blog es muy bueno, sigue así. Te pongo un enlace en el mío ;)

Smark

:D muchas gracias ahora mismo lo implemento en mi blog

saludos

Viviana y Sofia

No me funciona... todo lo aleatorio parece burlarse de mi...

http://mamasybebesblog.blogspot.com/

Amenastro

Se que este post es viejo pero al fin me funciona correctamente esto que quise poner a mi blog hace mucho, y lo mas raro es que funciona con las nuevas plantillas de blogger porque yo ya tengo una nueva... Bien solo agradecerte rosa de nuevo, voy a comentar mas en tu blog, porque me he leido casi todo lo referido a modificaciones y truquillos, y estoy probando los que antes no me salian.

Rosa

Amenastro En realidad funciona en todas, el problema es cuando tenemos algún otro script añadido para otra cosa que se "choca" con este...
Gracias!!

Felipe Marte

Saludos Rosa, soy un loco con tu blog, y me gustaria preguntarte si hay alguna forma de hacer un post en las columna, como lo hacemos en el centro, osea, publicar un articulo en la columna con la facilidad del post central...Un abrazo cordial en espera de una respuesta.

Rosa

Felipe Marte En las columnas o sidebars, es imposible el publicar entradas.

Publicar un comentario en la entrada

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