El método a seguir es el siguiente. Lo primero es irnos a nuestro panel de control del blog e irnos a la pestaña Diseño, seguidamente nos vamos a la sección Edición de HTML. Sin necesidad de marcar la opción Expandir plantillas de artilugios, apretamos la combinación de te teclas Ctrl + F abriéndose así el cuadro de búsqueda.
Buscamos el cierre de la etiqueta <head> que sería </head> respectivamente. Una vez localizada, podemos añadir el siguiente trozo de código antes de la etiqueta.
<script type='text/javascript'>
//<![CDATA[
function showLucky(root){
var feed = root.feed;
var entries = feed.entry || [];
var entry = feed.entry[0];
window.location = entry.link[0].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>
Lo último que nos queda es agregar el enlace donde nosotros queramos con el siguiente código.Un enlace con texto:
<a href="#random" onclick="feelingLucky()" title="Posts Aleatorios">"Posts aleatorios"</a>O un enlace con una imagen o gif, solo tenéis que cambiar la dirección en rojo para poner la vuestra propia:
<a href="#random" onclick="feelingLucky()" title="Posts Aleatorios"><img src="http://img521.imageshack.us/img521/3936/interrogacionae7.gif"></a>Si tenéis alguna duda preguntadlo y os ayudaremos ;D.
0 Comentarios:
Publicar un comentario