Enlace para post aleatorio en entradas – Habitaciones ~ CosasParaMiBlogs

Esto me lo preguntó hace ya unos días nEjO y el asunto se quedó traspapelado entre mis marcadores, así que ese es el motivo por el que no lo he publicado antes: sorry.

Se trata de hacer lo mismo que podeis ver actualmente al final de cada anotación de este blog, dónde se os invita a ver otro post cualquiera mediante un enlace que lleva a un post al azar. Realmente la cosa essensilla, sensilla, sobre todo si ya tenemos elscript para posts aleatorios instalado en cualquier otro sitio. Pero como nos gusta explicar las cosas, desarrollaremos un poco el porqué hay que hacerlo como se hace.

Pero vamos por el principio por si no teneis instalado este script. Lo primero es ir aDiseño ► Elementos de Página y allí buscar el lugar dónde queremos añadir el enlace que nos llevará a una entrada al azar. Pinchamos enAñadir un gadget y escogemos uno tipoHTML/JavaScript. En la ventana emergente pegamos lo siguiente:

div id="myLuckyPost"/div
script type='text/javascript'
function showLucky(root){
var feed = root.feed;
var entries = feed.entry || [];
var entry = feed.entry[0];
for (var j = 0; j entry.link.length; ++j) {
if (entry.link[j].rel == "alternate") {
window.location = entry.link[j].href;
}
}
}
function fetchLuck(luck){
script = document.createElement('script');
script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
}
function readLucky(root){
var feed = root.feed;
var total = parseInt(feed.openSearch$totalResults.$t,10);
var luckyNumber = Math.floor(Math.random()*total);
luckyNumber++;
fetchLuck(luckyNumber);
}
function feelingLucky(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=readLucky';
document.getElementsByTagName('head')[0].appendChild(script);
}
/script

a href="#random" onclick="feelingLucky()" title="Entrada al azar"Entrada al azar/a

No tenemosVista Previa, así queGuardamos y comprobamos que todo va bien. Ya tenemos nuestro enlace operativo (en un menú, debajo de la cabecera, en la barra lateral...).

La mayor parte del código (en realidad todo menos lo marcado en otro color) es el script que mediante cuatro pequeñas rutinas (funciones), lee nuestro feed, escoge de manera aleatoria una de nuestras entradas y nos lleva a ella. La última línea (repito, en otro color), lo único que hace es crear un enlace que al pincharlo (onclick)llama a la función principal y ejecuta todo lo anterior.

Entonces, para colocar el enlace en otro sitio distinto, sólo tendríamos que cortar esa última línea y ponerla en otro lado. El resto del código se puede quedar en el gadget dónde lo hayamos metido sin ningún problema. Podeis comprobar que si cortamos lallamada (última línea) y no la ponemos en ningún sitio, simplemente no se verá nada. El script seguirá en su sitio y dispuesto para ser utilizado, pero al no existir nada que le ordene comenzar, permanecerá inactivo. Es decir, se leerá, pero no se ejecutará.

Bueno y ahora que tenemos el script por un sitio y la llamada por otro (copiada en vuestro portapapeles, supongo; si no es así, la copiais de nuevo del trozo de antes) sólo tenemos que colocarla en la entrada.

Y esto es sólo una manera de hablar, porque realmente no la pondremos en la entrada. Blogger guarda lo que nosotros redactamos en cada anotación, en una variable que encontrareis en vuestra plantilla comodata:post.body/ y dicha variable no es manipulable por nosotros a posteriori desde otro sitio distinto del propio editor. Así que lo que haremos será poner nuestro código en la plantilla, justo después de esa variable, para tenga una continuidad yparezca que es parte de la entrada.

Así que ya estaiseditando HTML conPlantillas de artilugios expandidas y buscando (CTRL+F siempre ayuda a ello) la variable mencionada. Justo después pegamos lo que antes habíamos cortado.

pVemos a href='#ramdom' onclick='feelingLucky();' title='Entrada al azar'otro post cualquiera/apor si le encontraras alguna utilidad?/p

¡Voila!

Podemos cambiar el texto que forma el enlace y el que está fuera de este por el que queramos. Sería la parte marcada en verde. Cada cual que lo haga a su estilo ▼

CosasParaMiBlogs

miércoles, 29 de diciembre de 2010

Enlace para post aleatorio en entradas – Habitaciones

Popular Posts

Blogger news

Labels

Blog Archive