Optiunea vizitatorilor de a schimba culoarea de fondul a unui blog

Cu un simplu click vizitatorii au posibilitatea de a schimba culoarea de fond a unui blog.Pentru aplicarea acestui truc ne folosim de ajutorul unui gadget care include 5 culori diferite, alegi o imagine click pe ea si automat schimbi culoarea de fond a blogu-lui, un exemplu gasesti aici unde am ales culorile de mai sus.
Bun daca ai vazut exemplul si ti-au placut efectele de fond si doresti sa adaugi gadget-ul pe blogul tau nimic mai simplu copiaza codul de mai jos si adaugal pe blogul tau intr-un "Element gadget HTML/Javascript".

<div style="text-align: center;">
<a href="#" onclick="javascript:document.body.style.backgroundColor='#AA0104'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOPLUZpnaIL6gmNra6XHhpEZNSEWHTJW4mloWP1_25_YHgnp4pK77NokitvNZTNL0ICTkvYOxkffSswpTacf1zejWKnYsKDNKzrJLsu9xNUcho_NMo8QgcFb9JR89GHjV7oVbnLnrX1zA/s0/rojo2.jpg" /></a>

<a href="#" onclick="javascript:document.body.style.backgroundColor='#199686'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPRwTCOvRtx-Fj8TeD7TZkNefHDvKlMVK2yZxDv-z3jRY_szesMphzbSeb3mYgN6tNiCPmFtiyT8uJN94Z1YYqP-n8lU_y-TfubV6kFK83WtmBv6Zqm-n7SX1JjIE5NKpQZBM-fnEJZF0/s0/azul1.jpg" /></a>

<a href="#" onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBClbrpAzKPWvXuxLqOEt_yLDY9jEHx2u3ykG2WvwISFORqgJV4iAAUn2UB0nRY-WAOsVPJqg2blxy12wXGvSHDDBuO24XMyKzz101fPN9hfmHdcrse65o9QC4PKcsCcC6TJv4RN5Of2k/s0/blanco4.jpg" /></a>

<a href="#" onclick="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxiGAn0HSAvNVRjsRyb1lj3y5aESW7Lz5TUPklmCg5q4rJS49y76eBAJ2S6sgN6Qw9CNebnwHq9jDvUaZf-ch1DukA0xag77TO3Lws2qVKuMlZhHd2WqLWtqEv0C0lDAZLdOhy1H3XEm8/s0/negro3.jpg" /></a>

<a href="#" onclick="javascript:document.body.style.backgroundColor='#EB6E14'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvq98bhCBwTldN5VSjISYzSm0J-gVLrIZ1yVyG_Yr4cKKQq3dGCAEFdAccBJVfKAqxdmubmg-ZH5QgyBLgqOpaab7NqA87qDLJXMl_ROLTvnakr7TlA34GE7ouBQTVHmXJRlG2-rBChS8/s0/naranja6.jp" /></a>
</div>