Cambiar los fondos de blogger

Te gustaría que tus usuarios cambiaran el fondo de tu blog a sus conveniencia.

Cambia los fondos de tu blog con un sencillo código.

Así es como queda:

¿No te gusta el fondo del blog? ¡Cámbialo por otro!

Instálalo de forma sencilla con un solo paso:



Puede ponerse directo en una entrada (en el caso de los blogs de diseño) o bien en un elemento HTML/Javascript, sólo hay que pegar lo siguiente:

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

<center><a   href="javascript:void(0)"   onclick="javascript:document.body.style.backgroundImage='url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixEqRdQUQKkSxrJjo7wumromGa0MG-_7hsbNiqHfG5WimcktvgCe0JR2AHguwvg23FhOCXV6EmkTr-FPNvcngEgrE1wA68N7sR6pjiPoIneLUdVJryFN52ncjLEn1Q_2ZKX2wKVqosz8rE/s400/orange.png)';   document.body.style.backgroundColor='none';"><img   style="width:40px;height:40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYSxP7Pr7e2e-Wjfzhg9744UrlfvIZKMso0Vthx4Rfxg8JnvcL2wP39ey6G_3hlzw_x-UtnneWUCVLAYaKOdkMWtPesBWmMKSsJtYG0UGp5N4YX84XIUt4s91uFPWTxHUlCmEgQrl5PIdg/s200/body-orange.jpg"   /></a> 

<a href="javascript:void(0)"   onclick="javascript:document.body.style.backgroundImage='url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIHNC5S7HdwmvMH1DYpF5bInAQv2ESOL6WhafR3l7gvdWlJp9YLnLbIuZEU0xoGZN2BgAOzoM6QBCpHWWRdkhFI-I2Y01dwOU15T8fkGFOTGN25VaxRJpE6I4kwe6ZuiRW_A8uv10uF0qN/s400/luxury-lining.gif)';   document.body.style.backgroundColor='none';"><img   style="width:40px;height:40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaxJ-QWzXXv7_sX08uTLRuXvJtFm5rPt33u9rT4HOQfQwYeGBYRygpJ1ucQ9DM7Ak4gwWHhCYFRjc8dOtzwM5aSXBfsgIa94ceDGCRf3BfRtDonZBov-u1miuNEHwRNnIImSpYz4QAaSRg/s200/body-luxury.jpg"   /></a> 

<a href="javascript:void(0)"   onclick="javascript:document.body.style.backgroundImage='url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMMXVlwlrpEpLTldmrd1fJaiVCzFjkUjenX8i-BeeQtTlDneYMJTW-bYJPeZYjHhAAXqfaYBlzw7Ak9y6x9wk8SEsy4oL8Qh9ah2Sy2BDOWyLexJw0PIzUGKTHGxYnH9wmZbdqC1GfAo07/s400/intertwined.gif)';   document.body.style.backgroundColor='none';"><img   style="width:40px;height:40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGxhwxkxAPTHQg9lbQofTRXg-Lkh-LQUzqGhsIklNrAGvTBuhv4hyyhkctkjTwHP0_DdfB2kti1eEKoc07oaZFGmMryLECfZFFa4Y53g2C1tnMO5S6AwrlViQbZM4oIl3QxNJFiQ0yIhVp/s200/body-intertwined.jpg"   /></a> 

<a href="javascript:void(0)"   onclick="javascript:document.body.style.backgroundImage='url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDWsUFDrt9BK9LxtDNb0WrWx3AX7YAtO02_U5nH1Gw5l9lxGjAxbb4GsT7bH_va56ZdhVicMMdMxAb5itwnlHu9i0ylyiHsDNwsP2t-SzCF0hyphenhyphenp0ZFZcuTge37-XAQhjpV2f7wCLXcXErx/s1600/dead-revolutionaries.gif)';   document.body.style.backgroundColor='none';"><img   style="width:40px;height:40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvTch8pLfaXwpCxigLZhyphenhyphenWdx5x9hqZJnpgsTqFt09IeI4DVtOtNQ-4oW3TfIKSUoL4GM6-JevfyUU9ErVtK57WbH8ezluUf6fsC3V2fzop47w5TDk0Ku65Qa_DLHa1h_uWsxcAs_T5XxtW/s200/body-deadrevo.jpg"   /></a> 

<a href="javascript:void(0)"   onclick="javascript:document.body.style.backgroundImage='url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirBxbMmptYPQ-qjR3aUqkBelF-yxd3V8eX1kaR77BA_wS99ofsddze0xnbJXGaXqmZGJ7EDWcYk4XPGj8Guextki8omKMtCmTON-f2dbAaN1s4RuCw7S4jfMFscstZEcHUpyX9_lp-1zt7/s400/horton.gif)';   document.body.style.backgroundColor='none';"><img   style="width:40px;height:40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtGlJb0qOBQK7u65n0MWyu3QOXKR_5recZ0YYMm3KvbjKX7_J3TCCv_8nYlw_qR5VvQgC2Wx50P6bTpxFfwZ9J_k8xR7FUQFpd3l6EwOU7tAuOAUQCpuAv0c-qmIqnLQLSKqO8twS6U8mc/s200/body-horton.jpg"   /></a> 
</center>

Puedes agregar más imágenes de fondo o cambiar los de este ejemplo, sólo remplaza la URL de la imagen (está dos veces) por la tuya.



En caso de querer agregar más imágenes agrega al código esta parte:

<a href="javascript:void(0)"   onclick="javascript:document.body.style.backgroundImage='url(URL de la imagen)';   document.body.style.backgroundColor='none';"><img   style="width:40px;height:40px;" src="URL de la   imagen" /></a>

La URL de la imagen se pone dos veces donde se indica, la primera es la que se aplicará como fondo y la segunda es la de ejemplo para que el lector haga click.