Visitante troca as cores de fundo do blog, outras maneiras
Autor: Joseph Oliveira santos | Publicado: 2011-02-14T08:37:00-08:00


Eu já havia mostrado um script para dar a seu visitante a opção de trocar as cores de fundo do blog. Eis então outros códigos com a mesma função. copie o modelo de sua preferência e cole no HTML/Javascript.


















&nbsp;Este modelo






&lt;div style="text-align:center;"&gt;Troque a cor do blog&lt;/div&gt;&lt;br /&gt;&lt;center&gt;

&lt;a href="#" 
onclick="javascript:document.body.style.backgroundColor='#ff0000'; 
document.body.style.backgroundImage='none';"&gt;&lt;img 
src="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TTX4H60I/AAAAAAAAAJU/qYc4BYZclgg/s200/body-rojo.png"
/&gt;&lt;/a&gt;

&lt;a href="#" 
onclick="javascript:document.body.style.backgroundColor='#fff000'; 
document.body.style.backgroundImage='none';"&gt;&lt;img 
src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TK7730eI/AAAAAAAAAIs/3v5O2GDrs1s/s200/body-amarillo.png"
/&gt;&lt;/a&gt;


&lt;a href="#" 
onclick="javascript:document.body.style.backgroundColor='#04B404'; 
document.body.style.backgroundImage='none';"&gt;&lt;img 
src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TTyfDggI/AAAAAAAAAJk/9x17-Ec7Dnw/s200/body-verde.png"
/&gt;&lt;/a&gt;

&lt;a href="#" 
onclick="javascript:document.body.style.backgroundColor='#0080FF'; 
document.body.style.backgroundImage='none';"&gt;&lt;img 
src="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TLXeztWI/AAAAAAAAAI0/7hWfrfWsdKU/s200/body-azul.png"
/&gt;&lt;/a&gt;

&lt;a href="#" 
onclick="javascript:document.body.style.backgroundColor='#CC00FF'; 
document.body.style.backgroundImage='none';"&gt;&lt;img 
src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMB5SOXI/AAAAAAAAAJE/PRMfKVBj6fM/s200/body-morado.png"
/&gt;&lt;/a&gt;

&lt;a href="#" 
onclick="javascript:document.body.style.backgroundColor='#F781BE'; 
document.body.style.backgroundImage='none';"&gt;&lt;img 
src="http://1.bp.blogspot.com/_dsEG33PDaHw/S32TTl7vW9I/AAAAAAAAAJc/GHdXgYyF4Ro/s200/body-rosa.png"
/&gt;&lt;/a&gt;

&lt;a href="#" 
onclick="javascript:document.body.style.backgroundColor='#000000'; 
document.body.style.backgroundImage='none';"&gt;&lt;img 
src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMY3FA9I/AAAAAAAAAJM/6Hx0CAagVOQ/s200/body-negro.png"
/&gt;&lt;/a&gt;


&lt;a href="#" 
onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; 
document.body.style.backgroundImage='none';"&gt;&lt;img 
src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TLuZ0f1I/AAAAAAAAAI8/r1AHB4GpoPQ/s200/body-blanco.png"
/&gt;&lt;/a&gt;

&lt;/center&gt;

Este modelo&nbsp;



&lt;div style="text-align:center;"&gt;Troque a cor do blog&lt;/div&gt;&lt;br /&gt;&lt;center&gt;


&lt;a href="#" 
onclick="javascript:document.body.style.backgroundColor='#ff0000'; 
document.body.style.backgroundImage='none';"&gt;&lt;img 
src="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TTX4H60I/AAAAAAAAAJU/qYc4BYZclgg/s200/body-rojo.png"
/&gt;&lt;/a&gt;

&lt;a href="#" 
onclick="javascript:document.body.style.backgroundColor='#fff000'; 
document.body.style.backgroundImage='none';"&gt;&lt;img 
src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TK7730eI/AAAAAAAAAIs/3v5O2GDrs1s/s200/body-amarillo.png"
/&gt;&lt;/a&gt;

&lt;a href="#" 
onclick="javascript:document.body.style.backgroundColor='#04B404'; 
document.body.style.backgroundImage='none';"&gt;&lt;img 
src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TTyfDggI/AAAAAAAAAJk/9x17-Ec7Dnw/s200/body-verde.png"
/&gt;&lt;/a&gt;

&lt;a href="#" 
onclick="javascript:document.body.style.backgroundColor='#0080FF'; 
document.body.style.backgroundImage='none';"&gt;&lt;img 
src="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TLXeztWI/AAAAAAAAAI0/7hWfrfWsdKU/s200/body-azul.png"
/&gt;&lt;/a&gt;

&lt;a href="#" 
onclick="javascript:document.body.style.backgroundColor='#CC00FF'; 
document.body.style.backgroundImage='none';"&gt;&lt;img 
src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMB5SOXI/AAAAAAAAAJE/PRMfKVBj6fM/s200/body-morado.png"
/&gt;&lt;/a&gt;


&lt;a href="#" 
onclick="javascript:document.body.style.backgroundColor='#F781BE'; 
document.body.style.backgroundImage='none';"&gt;&lt;img 
src="http://1.bp.blogspot.com/_dsEG33PDaHw/S32TTl7vW9I/AAAAAAAAAJc/GHdXgYyF4Ro/s200/body-rosa.png"
/&gt;&lt;/a&gt;

&lt;a href="#" 
onclick="javascript:document.body.style.backgroundColor='#000000'; 
document.body.style.backgroundImage='none';"&gt;&lt;img 
src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMY3FA9I/AAAAAAAAAJM/6Hx0CAagVOQ/s200/body-negro.png"
/&gt;&lt;/a&gt;

&lt;a href="#" 
onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; 
document.body.style.backgroundImage='none';"&gt;&lt;img 
src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TLuZ0f1I/AAAAAAAAAI8/r1AHB4GpoPQ/s200/body-blanco.png"
/&gt;&lt;/a&gt;

&lt;/center&gt;Troque a cor de fundo






















Roxo |
Amarelo |
Verde |
Azul |

Marrom |
Rosa |
Preto |
BrancoEste modelo&nbsp;&nbsp;



&lt;div style="text-align:center;"&gt;Troque a cor do blog&lt;/div&gt;&lt;br /&gt;&lt;center&gt;


&lt;a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';"&gt;Roxo&lt;/a&gt; |

&lt;a href="#" onclick="javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';"&gt;Amarelo&lt;/a&gt; |