/* ANUNCIO4 */

Widget: Post al azar [Enlace e Imagen]

Este widget recién lo encontré en el El Escaparate de Rosa, aquí puedes encontrar la forma de hacerlo en forma de enlace y con una imagen, he preparado una imagen como la de arriba para es post al azar

Para agregarlo ve a Diseño-> Edicion de HTML y busca (con Ctrl+F) </head> y antes de el, pega lo siguiente:

<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>

Cambia http://nombredetublog.blogspot.com por la url  de tu blog.

Ahora añade un nuevo elemento en Diseño-> Elementos de la página-> Añadir un gadget-> HTML/Javascript.

  • Y pega esto para la forma de link (enlace de texto):
<a href="javascript:randomPost();">Post al azar</a>
En  "Post al azar" puedes cambiarlo por la palabra que quieres que se muestre.


  • Para la forma con imagen pega esto:
<a href="javascript:randomPost();"><img src="http://3.bp.blogspot.com/_U8ODEZi-HMk/TSSF11HfigI/AAAAAAAAALU/0aP5fBlA9eo/s1600/post-aleatorio.gif"/></a>
La imagen se mostrara así:


Si no te gusta la imagen y quieres poner la tulla pega esto:
<a href="javascript:randomPost();"><img src="url_de_la_imagen"/></a>
Y cambia la url donde dice "url_de_la_imagen"


  • Para las dos forma solo se pega el código de la imagen y después el del enlace o link.

0 comentarios:

Publicar un comentario