¿Cómo puedo Rotar Banners en Wordpress?

Un poco de HTML y JavaScript le da a su sitio web banners rotación. 

GIRAR BANDERAS

Una forma de hacer que su blog de WordPress un poco más interesante para los visitantes es el uso de una bandera rotación al azar, por lo que cada vez que carga un visitante o actualiza una página de su blog, una imagen de banner distinto aparece en la página. Lograr esto con una pequeña porción de código JavaScript para reemplazar el código HTML actual para el banner en su sitio. ¡Tienes que ser un administrador o un administrador de super para completar este proceso.

Ingrese a su panel de control de administración de Wordpress, a continuación, haga clic en "Media" y "" Añadir nuevo ". Haga clic en" Seleccionar archivos "y vaya a la ubicación de las banderas en el disco duro de su ordenador. Como cargar cada una, copia y pega el "URL del archivo" de cada archivo en un documento de texto y haga clic en "Guardar todos los cambios" antes de subir al siguiente bandera. Repita hasta que haya subido todos los banners.

Haga clic en "Apariencia" de la barra de menú principal de la izquierda, a continuación, haga clic en "Editor". En la lista de archivos de la derecha, haga clic en "header.php". Copie el siguiente código entre las etiquetas "cabeza" en el archivo "header.php":

SCRIPT LANGUAGE = "JavaScript"

var maxBanner = 3

var BannerNo

myBanner var = new Array ()

myBanner [0] = "img src =" URL 1 "alt =" bandera 1 "/"

myBanner [1] = "img src =" URL 2 "alt =" bandera 2 "/"

myBanner [2] = "img src =" URL 3 "alt =" bandera 3 "/"

/ Script

Vuelva a colocar el "3" al lado de "maxBanner = 3", con el número de banderas que está utilizando, a continuación, cambie "URL 1", "URL 2" y "URL de 3" a las URLs que anotó en el paso 1. Si usted está usando más de tres banderas, copie y pegue la línea que comienza con "myBanner [2]" en una nueva línea justo debajo de él, y reemplazar "[2]" por "[3]." Repita para todas sus banderas y haga clic en "Guardar cambios" cuando haya terminado.

Desplácese hacia abajo en el archivo hasta que encuentre la etiqueta "img" para su titular actual. Si no lo encuentra, cargue su blog en un navegador, a continuación, haga clic en el banner y abrirlo en una nueva ventana.Nota URL de la imagen en la barra de direcciones de su navegador, a continuación, analizar el archivo "header.php" para el tag "img" que contiene esta dirección.

Eliminar la etiqueta "img" y sustituirlo por el siguiente código:

SCRIPT LANGUAGE = "JavaScript"

BannerNo = Math.round (Math.random () * maxBanner)

document.write (myBanner [BannerNo])

/ Script

Haga clic en "Guardar cambios" para guardar su trabajo.

Consejos y advertencias

Usted puede utilizar la misma secuencia de comandos para girar cualquier sección del código HTML, no sólo las etiquetas "img" - por ejemplo, una cita al azar, un vínculo o una selección aleatoria de los anuncios.