Cabecera del blog cambiante (al azar) – Free

Con unos pocos pasos podemos hacer que lacabecera del blog (header) tenga una imagen distinta cada vez que alguien entra a la página. En este caso la cabecera tendrá cinco imágenes distintas para poder mostrar cada vez que alguien entra al blog.

Primero necesitas tener las imágenes que vas a utilizar para el header, todas deben tener el mismo tamaño (ancho y alto) y deben estar alojadas en algúnservicio de alojamiento. Si no sabes cuál es la medida de la cabecera de tu blog entra aPlantilla | Edición de HTML y busca esto (ojo, este código es de ejemplo, no todas las plantillas son iguales por lo que puede ser diferente en todos los casos):
#header-wrapper {
width:660px;

En este caso el ancho de la cabecera es de 660px, si tuviera una altura predeterminada dira tambiénheight, sino puedes usar la altura que quieras.

Ya teniendo las imágenes entra aPlantilla | Edición de HTML y busca esta parte:
b:section class='header' id='header' maxwidgets='1' showaddelement='no'
b:widget id='Header1' locked='true' title='Nombre del Blog (cabecera)' type='Header'/
/b:section

Ahora cambia el 'no' que está en negrita por 'yes' y elimina lo que está el color rojo. Luego guarda los cambios, te avisará que se suprimirá un artilugio, dale aceptar.

A continuación entra aDiseño y verás que la cabecera ha desaparecido, en su lugar aparece un recuadro que diceAñadir un gadget, da click ahí y seleccionaHTML/Javascript. Ahí pega lo siguiente:
script
function randRange(lowVal,highVal) {
return Math.floor(Math.random()*(highVal-lowVal+1))+lowVal;
}
var randHdr = randRange(1,5);
if (randHdr == 1) {
document.write('img src="URL DE LA IMAGEN 1"')
} else if (randHdr == 2) {
document.write('img src="URL DE LA IMAGEN 2"')
} else if (randHdr == 3) {
document.write('img src="URL DE LA IMAGEN 3"')
} else if (randHdr == 4) {
document.write('img src="URL DE LA IMAGEN 4"')
} else if (randHdr == 5) {
document.write('img src="URL DE LA IMAGEN 5"')
}
/script

Ya sólo cambia lo que está en rojo por la URL de la imagen y listo. Puedes ver un ejemplo funcionando eneste blog de pruebas, al entrar verás una cabecera, presiona F5 para que se recargue la página y verás otra distinta.

Si quisieras agregar o quitar imagenes de la cabecera sólo quita o agrega (según sea el caso) esta línea del código del script:

else if (randHdr == 6) {
document.write('img src="URL DE LA IMAGEN 6"')
}


Si agregas más fíjate que la línea que agregas tenga un número consecutivo, en este caso el6
De igual modo si agregas o quitas imágenes cambia esta parte del script:
randRange(1,6)

Donde está el6 es el número de imágenes que se mostrarán.

Nunavut Culture buy structured settlements mesothelioma trial attorney mesothelioma attorney illinois tucson car accident attorney Live casino mesothelioma law firms purchase structured settlements Psd to html personal injury attorney ocala fl DONATE OLD CARS TO CHARITY How to Donate A Car in California Mobile casino Make money online Australia Business finance group Royalty Free Images Stock Criminal defense lawyer Italian cooking school Psd to WordPress CAR INSURANCE QUOTES MN CHEAP CAR INSURANCE FOR LADIES Car Insurance Quotes PA motorcycle accident attorney chicago Car Insurance Quotes Colorado Online casino mesothelioma lawyer houston Best Seo company Criminal lawyer new mexico mesothelioma lawyer Casino Best Criminal Lawyers in Arizona Php programmers Casino reviews Car Accident Lawyers Email bulk service attorney lawyer mesothelioma mesothelioma settlement amounts adverse remortgage Donate a Car in Maryland Donate Your Car Sacramento Car Insurance Companies Social media platforms for business WordPress hosting Hire php developer Low credit line credit cards cheap domain registration hosting massage school dallas texas student loan consolidation program Best social media platforms donate your car for money DUI lawyer Hire php developers structured settlement sell Criminal lawyer Miami Dwi lawyer Hire php programmers injury attorney baton rouge Html email mesotheolima mesothelioma charities Forensics Online Course Service business software Tech school CAR ACCIDENT LAWYERS lawsuit mesothelioma ONLINECLASSES Computer science classes online washington mesothelioma attorney Motor Replacements PHD IN COUNSELING EDUCATION Donate your Car for Money mesothelioma symptoms Online Christmas cards pharmacist jobs in chicago Life Insurance Co Lincoln boulder personal injury lawyers Social media tools quotes car Custom WordPress theme designer orlando criminal attorney Attorney Php programmers for hire Asbestos Lung Cancer Met auto domain registration yahoo low credit line credit cards Bankruptcy lawyer Injury Lawyers Cheap car insurance for ladies structured settlement company mesothelioma Business Voip Solutions Seo companies online criminal justice degree Donate Car To Charity CALIFORNIA email bulk service ONLINE COLLEDGES Car insurance quotes MN SELL ANNUITY PAYMENT Massage School Dallas Texas Best social media platforms for business Donate Your Car for Kids NUNAVUT CULTURE New social media platforms PhD in counseling education Futuristic Architecture Criminal Defense Attorneys Florida Hard drive Data Recovery Services Forex Trading Platform asbestos lung cancer Seo services Seo company california motorcycle accident lawyer wisconsin mesothelioma attorney mesothelioma attorneys california

Share: