Mude o fundo de seu blog em varias cores como o visitante desejar. No seu blog, va em Layout > Editar HTML. Ache o tag body {, vai estar mais ou menos assim em seu blog:body {background: $bgcolor;margin:0;color:#660000;font:x-small Georgia Serif;font-size/* */:/**/small;font-size: /**/small;text-align: center;}A linha vermelha do codigo que e: background: $bgcolor;, voce apaga. O codigo abaixo voce coloca em um gadget HTML/JAVASCRIPT:<form> <input type="button" value="branco" onclick="document. bgColor=&#39;#ffffff&#39;" /> <input type="button" value="preto" onclick="document. bgColor=&#39;#000000&#39;" /> <input type="button" value="cinza" onclick="document. bgColor=&#39;#808080&#39;" /> <input type="button" value="verde" onclick="document. bgColor=&#39;#008080&#39;" /> <input type="button" value="azul" onclick="document. bgColor=&#39;#B0E0E6&#39;" /> <input type="button" value="vermelho" onclick="document. bgColor=&#39;#AD0F22&#39;" /> <input type="button" value="amarelo" onclick="document. bgColor=&#39;#F8D328&#39;" /> <input type="button" value="rosa" onclick="document. bgColor=&#39;#E4DBE9&#39;" /> <input type="button" value="laranja" onclick="document. bgColor=&#39;#FC9B54&#39;" /> <input type="button" value="lilas" onclick="document. bgColor=&#39;#C5C6E7&#39;" /> <input type="button" value="marrom" onclick="document. bgColor=&#39;#775237&#39;" /> </form> <script> function initArray() {this.length = initArray.arguments.lengthfor (var i = 0; i < this.length; i++)this[i+1] = initArray.arguments[i]} var hexChars = "0123456789ABCDEF"; function Dec2Hex (Dec) {var a = Dec % 16;var b = (Dec - a)/16;hex = "" + hexChars.charAt(b) + hexChars.charAt(a);return hex; } function bgChanger (begin, end, steps) {steps = steps -1 ;redA = begin.charAt(0) + begin.charAt(1); red_valA = parseInt(redA,'16'); redB = end.charAt(0) + end.charAt(1); red_valB = parseInt(redB,'16'); red_int = ((red_valB - red_valA) / steps) * -1; grnA = begin.charAt(2) + begin.charAt(3); grn_valA = parseInt(grnA,'16'); grnB = end.charAt(2) + end.charAt(3); grn_valB = parseInt(grnB,'16'); grn_int = ((grn_valB - grn_valA) / steps) * -1; bluA = begin.charAt(4) + begin.charAt(5); blu_valA = parseInt(bluA,'16'); bluB = end.charAt(4) + end.charAt(5); blu_valB = parseInt(bluB,'16'); blu_int = ((blu_valB - blu_valA) / steps) * -1; step = 2; red = red_valA;grn = grn_valA;blu = blu_valA; document.bgColor = begin; while ( steps >= step ) {red -= white_int;red_round = Math.round(white);red_hex = Dec2Hex(white); grn -= grn_int;grn_round = Math.round(grn);grn_hex = Dec2Hex(grn); blu -= blu_int;blu_round = Math.round(blu);blu_hex = Dec2Hex(blu); document.bgColor = red_hex + grn_hex + blu_hex; // document.write("<br>bgcolor = " + red_hex + grn_hex + blu_hex);step++;} document.bgColor = end;} </script> Bom galera vou lhe mostrar um efeito novo no blog como ja havia postado antes o efeito slideToggle, agora vou postar slideToggle e fadeToggle incluindo alguma das suas propriedades.Vamos ao que interessa...Demo: AquiComecaremos pelo efeito fadeToggle...Script:1234567<script type="text/javascript"> $(document).ready(function(){ $("#conteudo").hide(); $("#botao").click(function(){ $("#conteudo").fadeToggle("slow"); }); </script>Nota:2a Linha do codigo abre um bloco de codigo dizendo que apos executar o documento (A pagina) podera ser executado uma acao;3a Linha pega o id #conteudo e esconde;4a Linha do codigo abre outro bloco de codigo dizendo que apos clicar no botao (cujo esta informado pela ID #botao) execute o efeito fadeToggle;5a Linha do codigo informa que o efeito fadeToggle sera aplicado ao ID #conteudo com uma velocidade slow;O Script mais o html teria que ficar assim...1234567891011121314151617181920212223242526272829<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Efeito slideToggle no jQuery</title> <script type="text/javascript" src="../jquery.js"></script> <!-- Inserindo a biblioteca jQuery no seu site --> <script type="text/javascript"> $(document).ready(function(){ $("#conteudo").hide(); $("#botao").click(function(){ $("#conteudo").fadeToggle("slow"); }); </script> </head> <body> <!-- Efeito fadeToggle --> <div style="margin: 10px 5px; padding: 5px; border: 2px solid #CCC; float: left; width: 250px;"> <div id="botao" style="background-color: #21759B; padding: 2px; float: left; color: #FFF; cursor: pointer; width: 98%; text-align: center;"> Clique aqui para ver o