Este pequeño truco es un botón (común) que tiene la particularidad de que rota las palabras de este, y a la vez, cambia el enlace según el texto que contenga en ese momento. Puedes ver el truco en el Laboratorio de Teoría Blogger
Obtener un rotador de botones Esta especie de tener "muchos botones en uno", se puede agregar al blog añadiéndolo a la barra lateral (sidebar). Por eso vamos a Blogger → Diseño → Elementos de la página → Click en el link Añadir un gadget y pegamos este código: <script language="JavaScript"> <!-- Mas trucos en teoriablogger.blogspot.com --> var timerID = null var timerRunning = false var charNo = 0 var charMax = 0 var lineaNo = 0 var lineaMax = 5 var lineaArr = new Array(lineaMax) var urlArr = new Array(lineaMax) lineaArr[1] = "Lo que muestra el botón " urlArr[1] = "http://urldeblog " lineaArr[2] = "Lo que muestra el botón 2 " urlArr[2] = "http://urldeblog " lineaArr[3] = "Lo que muestra el botón 3 " urlArr[3] = "http://urldeblog " lineaArr[4] = "Lo que muestra el botón 4 " urlArr[4] = "http://urldeblog " var lineaText = lineaArr[1] function StartShow() { StopShow() Showlinea() timerRunning = true } function FillSpaces() { for (var i = 1; i <= lineaWidth; i++) { spaces += " " } } function StopShow() { if (timerRunning) { clearTimeout(timerID) timerRunning = false } } function Showlinea() { if (charNo == 0) { if (lineaNo < lineaMax) { lineaNo++ } else { lineaNo = 1 } lineaText = lineaArr[lineaNo] charMax = lineaText.length } if (charNo <= charMax) { document.formDisplay.buttonFace.value = lineaText.substring(0, charNo) charNo++ timerID = setTimeout("Showlinea()", 100) } else { charNo = 0 timerID = setTimeout("Showlinea()", 3000) } } function IraUrl(url) { top.location.href = url } document.write("<form name="formDisplay">"); document.write("<input type="button" name="buttonFace" value="&{lineaText}" size="18" onClick="IraUrl(urlArr[lineaNo])">"); document.write("</form>"); StartShow(); </script> Para modificar el script a tu gusto, debes modificar lo que está en rojo para que establezcas los textos que quieres que se cambien. Y modifica lo escrito en verde por la dirección que se quiere ir cuando aparezca el debido texto. Se pueden agregar más textos (y sus URLs) siempre y cuando logres el orden de los números de lineaArr y urlArr del código dado.
0 comentarios:
Publicar un comentario
Podés utilizar códigos HTML como <a><b><i>.
Si tenés alguna duda, no dudes en recurrir a nuestro Formulario de contacto.