(CC) Logospi |
1. Ir a Plantilla, luego a Editar HTML, localizar <head>...</head> e inmediatamente antes de </head>. pegar el siguiente código:
//<![CDATA[
var _yourBlogUrl = "URL del blog";
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>
2. Donde dice URL del blog, poner la dirección del blog. Guardar los cambios.
3. Luego, ir a Diseño, escoger Agregar un gadget y colocar este código:
<a title="" href="javascript:randomPost();">
<img border="0" src="URL de la imagen" />
</a>
4. Por último, donde dice URL de la imagen, poner la dirección con la que está alojada la imagen. Y Guardar diseño.