Si abres tu sitio con #test-bu al final de la url, la barra se mostrará todo el tiempo. Ejemplo: http://browser-update.org/#test-bu. Asegúrate de que la página cargue correctamente abriendo la url en una nueva pestaña del navegador.
Las siguientes opciones pueden ser incluídas en el script:
var $buoop = {
vs: {i:6,f:2,o:9.63,s:2,n:10}, // versiones de navegadores a notificar
reminder: 24, // cuántas horas deben pasar para que el mensaje vuelva a aparecer
// 0 = mostrar siempre
onshow: function(infos){}, // función de callback luego de que la barra ha aparecido
l: false, // establecer un idioma para el mensaje, p.ej. "en"
// invalída la detección por default
test: false, // true = siempre se muestra la barra (para realizar pruebas)
text: "", // personaliza el texto html de la notificación
newwindow: false // abre el enlace en una nueva ventana/pestaña
}
Las siguientes reglas de CSS aplican para el script. Puedes sobreescribirlas con tu propio CSS. Para ello debes ser más específico en las reglas css: p. ej. body .buorg {font-size:20px}
.buorg {
position:absolute;
width:100%;
top:0px;
left:0px;
border-bottom:1px solid #A29330;
background:#FDF2AB no-repeat 1em 0.55em url(http://browser-update.org/img/dialog-warning.gif);\
text-align:left;
cursor:pointer;
font-family: Arial,Helvetica,sans-serif; color:#000;
font-size: 12px;
}
.buorg div {
padding:5px 36px 5px 40px;
}
.buorg a {
color:#E25600;
}
#buorgclose {
position: absolute;
right: .5em;
top:.2em;
height: 20px;
width: 12px;
font-weight: bold;
font-size:14px;
padding:0;
}