Rotador de botones y links

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.

Posteado en: Botón,Curiosidades,Enlace,Gadgets,Intermedio,Javascript