Este novo codigo para o leitor mudar a cor do fundo do blog, nao precisa mudar a cor do fundo original, diferente de outro codigo que temos. Apenas o leitor vai clicar na cor desejada e mudara o fundo do blog.DemoEscolha um dos estilos abaixo, copie o codigo e no seu blog va em "Layout" e crie um novo gadget de HTML/JAVASCRIPT, cole o codigo e salve!Estilo 1:<div style="text-align:center;">Troque a cor do blog</div><br /><center><a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';"><img src="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TTX4H60I/AAAAAAAAAJU/qYc4BYZclgg/s200/body-rojo.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TK7730eI/AAAAAAAAAIs/3v5O2GDrs1s/s200/body-amarillo.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TTyfDggI/AAAAAAAAAJk/9x17-Ec7Dnw/s200/body-verde.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';"><img src="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TLXeztWI/AAAAAAAAAI0/7hWfrfWsdKU/s200/body-azul.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMB5SOXI/AAAAAAAAAJE/PRMfKVBj6fM/s200/body-morado.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';"><img src="http://1.bp.blogspot.com/_dsEG33PDaHw/S32TTl7vW9I/AAAAAAAAAJc/GHdXgYyF4Ro/s200/body-rosa.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMY3FA9I/AAAAAAAAAJM/6Hx0CAagVOQ/s200/body-negro.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TLuZ0f1I/AAAAAAAAAI8/r1AHB4GpoPQ/s200/body-blanco.png" /></a></center>Estilo 2:<div style="text-align:center;">Troque a cor do blog</div><br /><center><a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';">Roxo</a> |<a href="#" onclick="javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';">Amarelo</a> |<a href="#" onclick="javascript:document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';">Verde</a> |<a href="#" onclick="javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';">Azul</a> |<a href="#" onclick="javascript:document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';">Marrom</a> |<a href="#" onclick="javascript:document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';">Rosa</a> |<a href="#" onclick="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';">Preto</a> |<a href="#" onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';">Branco</a></center>Pronto agora os visitantes podem escolher a cor de fundo do seu blog.Espero que essa dica seja util a voceQualquer duvida deixe seu comentario ou entre em contato conosco no final desta pagina. Quando clicamos em algum marcador do blog aparece uma mensagemacima do titulo da postagem:'Mostrando postagens com marcador... Mostrar todas as postagens.Para retirar esta mensagem va ao html de seu blog,aperte as teclas ctrl f e procure por:]]></b:skin>Quando encontrar coloque acima desta tag:.status-msg-wrap{display: none;}Simples e Facil, Qualquer duvida deixe um comentario. Comentarios do seu blog esta meio 'feinho' ? vamos resolver seu problema hoje, vou postar aqui alguns modelos de comentarios para voce aplicar, de facil instalacao.1. Acesse o Painel do Seu Blogger2. Em seguida clique em Modelo>Editar HTML3. Procure por ]]></b:skin> e ACIMA cole o seguinte codigo: Estilo AZUL:#comments{overflow:hidden}#comments h4{display:inline;padding:10px;line-height:40px}#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}#comments h4,.comments .continue a{background:#1e05d8}#comments h4,.comments .user a,.comments .continue a{font-size:16px}#comments h4,.comments .continue a{font-weight:normal;color:#fff}#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #1e05d8;border-right:20px solid transparent;width:0;height:0;line-height:0}#comments .avatar-image-container img{border:0}.comment-thread{color:#111}.comment-thread a{color:#777}.comment-thread ol{margin:0 0 20px}.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#1e05d8}.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(http://4.bp.blogspot.com/-awl7HMjMgh4/T89YtINejTI/AAAAAAAAGmQ/XxcTVLKUAtI/s320/picresized_1338990142_comment-author-blue.gif);width:36px;height:36px}.comments .comments-content .inline-thread{padding:0 0 0 20px}.comments .comments-content .comment-replies{margin-top:0}.comments .comment-content{padding:5px 0;line-height:1.4em}.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}.comments .comment-thread.inline-thread .comment{width:auto}.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}.comments .comment-thread.inline-thread .comment-block{margin-left:48px}.comments .comment-thread.inline-thread .user a{font-size:13px}.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}.comments .continue{border-top:0;width:100%}.comments .continue a{padding:10px 0;text-align:center}.comment .continue{display:none}#comment-editor{width:103%!important}.comment-form{width:100%;max-width:100%}Estilo VERDE:#comments{overflow:hidden}#comments h4{display:inline;padding:10px;line-height:40px}#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}#comments h4,.comments .continue a{background:#56d805}#comments h4,.comments .user a,.comments .continue a{font-size:16px}#comments h4,.comments .continue a{font-weight:normal;color:#fff}#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #56d805;border-right:20px solid transparent;width:0;height:0;line-height:0}#comments .avatar-image-container img{border:0}.comment-thread{color:#111}.comment-thread a{color:#777}.comment-thread ol{margin:0 0 20px}.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#56d805}.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(http://2.bp.blogspot.com/-zz8GxHMWPAo/T89XNSMjjeI/AAAAAAAAGl4/7IfX13BSmxg/s320/picresized_1338989738_comment-author-green.gif);width:36px;height:36px}.comments .comments-content .inline-thread{padding:0 0 0 20px}.comments .comments-content .comment-replies{margin-top:0}.comments .comment-content{padding:5px 0;line-height:1.4em}.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}.comments .comment-thread.inline-thread .comment{width:auto}.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}.comments .comment-thread.inline-thread .comment-block{margin-left:48px}.comments .comment-thread.inline-thread .user a{font-size:13px}.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}.comments .continue{border-top:0;width:100%}.comments .continue a{padding:10px 0;text-align:center}.comment .continue{display:none}#comment-editor{width:103%!important}.comment-form{width:100%;max-width:100%}Moderno:.comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px}.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:left}.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#fede72;border:1px solid #fec648;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}.comments .comments-content .inline-thread{padding:0}.comments .comments-content .comment-thread{margin:8px 0}.comments .comments-content .comment-thread:empty{display:none}.comment-replies{margin-top:1em;margin-left:40px;background:#fff}.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}.comments .comments-content .comment:first-child{padding-top:16px}.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}.comments .comments-content .comment-body{position:relative}.comments .comments-content .user{font-style:normal;font-weight:normal}.comments .comments-content .user a{color:#0E6284;font-weight:normal;text-decoration:none}.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px}.comments .comments-content .datetime a{color:#0E6284;font-size:12px;float:right;text-decoration:none}.comment-content{margin:0 0 8px;padding:0 5px}.comment-header{font-size:18px;background-color:#f1f1f1;border-bottom:1px solid #e3e3e3;padding:5px}.comments