Ir a Diseño, Edición de HTML y justo abajo de:
Plantillas viejas: <body>
Plantillas nuevas: <body expr:class='"loading" + data:blog.mobileClass'>
Poner el siguiente código:
<script language="JavaScript">
//<![CDATA[
if (screen.width == 800)
{
document.body.style.backgroundImage='url(URL IMAGEN 800)';
}
if (screen.width == 1024)
{
document.body.style.backgroundImage='url(URL IMAGEN 1024)';
}
if (screen.width == 1280)
{
document.body.style.backgroundImage='url(URL IMAGEN 1280)';
}
if (screen.width == 1366)
{
document.body.style.backgroundImage='url(URL IMAGEN 1366)';
}
if (screen.width == 1440)
{
document.body.style.backgroundImage='url(URL IMAGEN 1440)';
}
//]]>
</script>
Cambiar url de la imagen con el tamaño adecuado.
Pueden agregar otras resoluciones poniendo la siguiente línea cambiando la medida:
if (screen.width == 1440)
{
document.body.style.backgroundImage='url(URL IMAGEN 1440)';
}
No hay comentarios:
Publicar un comentario