sábado, 27 de octubre de 2007

Script para mostrar un post al azar

Primero que nada me disculpo con todos los visitantes, pero no he estado en mi casa ya que tuve un pequeño accidente y tenia problemas al estar varias horas trabajando.

Lo que hoy les mostraré será un script con el cual podrás poner un boton o un enlace a un post random en tu blog.

Es muy fácil aplicarlo. Primero nos vamosa nuestra Plantilla y buscamos </head>, justo antes colocaremos este codigo:

<script type="text/javascript">
//<![CDATA[
var _yourBlogUrl = "http://hacktime.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 = json.feed.entry[0].link[0].href;
window.location.href = theUrl;
}
//]]>
</script>

Ahí solo cambiaremos la url que dice http://hacktime.blogspot.com por la de su blog.

Despues de eso nos iremos a Pantilla agregar Nuevo Elemento HTML / JAVASCRIPT, y agregamos este otro código:

<a href="javascript:randomPost();">Ver post al azar</a>

En este codigo pueden cambiar la frase "Ver post al azar" por cualquiera, incluso podemos usar un pequeño icono o imagen, es lo mismo.

Hack de | Purple moggy
Visto en | El escaparate de rosa


Escucha este escrito

5 Personas dejaron sus comentarios:

Rosa comento sobre este post...

¡Saludos!
Gracias por la referencia a El Escaparate!

Hacktime comento sobre este post...

De nada, gracias a ti por los hacks.

Saludos

Paulo Costa Jr comento sobre este post...

antes de /head ?

Mariposa comento sobre este post...

hola, cuando hago este proceso al darle clic al link de ver post al azar no pasa nada y en la barra de estado sólo dice error en la página.. por qué será?? Gracias

TINCHO comento sobre este post...

dfsdf

Calendario de posts

Cargando...

 
ir arriba