Actualiza y mira excelentes tutoriales para que tenga una computadora mejor actualizada y seas la envidia de tus amigos. si vais a descargar algún programas y te pide contraseña al descomprimir es "jhonpcs"

Anuncio

Mostrar un post al azar en Blogger

Hola amigos, aunque no le encuentro demasiada utilidad a este artilugio, os voy a enseñar a hacer un enlace para que al azar os envíe a un post del blog.

Podemos hacerlo mediante un script que añadiremos antes del cierre 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 dirección de nuestro blog.

Ahora nos vamos a Diseño, Elementos de la página y creamos un gadget de html/javascript y pegamos lo siguiente:
<a href="javascript:randomPost();">View Random Post</a>
Y ya lo tendremos listo para usar.
Share:

Anuncio

Entradas populares

Archivo del blog