21 mayo 2012

Cambiar fondo del Blog a tu elección


En esta entrada vamos a ver como haciendo click en una pequeña imágen, el fondo del Blog cambia. Son 5 fondos totalmente Sevillistas.
-Podéis ver la demostración Aquí

Para instalarlo en vuestros blog tan solo deberéis pegar lo siguiente en un elemento HTML/Javascript :

<div style="text-align:center;"><span style="font-size: small;"><b>¿No te gusta el fondo del blog?<p>
¡Cámbialo por otro!</p></b></span></div>


<center><a onclick="javascript:document.body.style.backgroundImage='url(http://i40.servimg.com/u/f40/13/20/23/83/jesus119.jpg)'; document.body.style.backgroundRepeat='repeat'; document.body.style.backgroundAttachment='fixed';" href="javascript:void(0)"><img style="width:50px;height:30px;" src="http://i40.servimg.com/u/f40/13/20/23/83/jesus120.jpg" /></a>



<a onclick="javascript:document.body.style.backgroundImage='url(http://i40.servimg.com/u/f40/13/20/23/83/kanout17.jpg)'; document.body.style.backgroundRepeat='repeat'; document.body.style.backgroundAttachment='fixed';" href="javascript:void(0)"><img style="width:50px;height:30px;" src="http://i40.servimg.com/u/f40/13/20/23/83/kanout18.jpg" /></a>



<a onclick="javascript:document.body.style.backgroundImage='url(http://i40.servimg.com/u/f40/13/20/23/83/kanout19.jpg)'; document.body.style.backgroundRepeat='repeat'; document.body.style.backgroundAttachment='fixed';" href="javascript:void(0)"><img style="width:50px;height:30px;" src="http://i40.servimg.com/u/f40/13/20/23/83/kanout20.jpg" /></a>



<a onclick="javascript:document.body.style.backgroundImage='url(http://i40.servimg.com/u/f40/13/20/23/83/sevine10.jpg)'; document.body.style.backgroundRepeat='repeat'; document.body.style.backgroundAttachment='fixed';" href="javascript:void(0)"><img style="width:50px;height:30px;" src="http://i40.servimg.com/u/f40/13/20/23/83/sevine11.jpg" /></a>



<a onclick="javascript:document.body.style.backgroundImage='url(http://i40.servimg.com/u/f40/13/20/23/83/sevroj10.jpg)'; document.body.style.backgroundRepeat='repeat'; document.body.style.backgroundAttachment='fixed';" href="javascript:void(0)"><img style="width:50px;height:30px;" src="http://i40.servimg.com/u/f40/13/20/23/83/sevroj11.jpg" /></a>

</center>


-----A Disfrutarlo------




Escrito por:

Mi nombre es Antonio, soy sobre todo Sevillista y apasionado con los blog desde el 2007.

Sígueme en: | Facebook | Twitter | Google+

Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"