Troque as cores de fundo ou o background do blog com 1 clique

em 4 de junho de 2014


Alô, pessoa!
Tudo bem contigo?
A postagem de hoje é bem divertida e facinha, pra ensinar 2 recursos simples e legais para nossos blogs.

Primeiro quero te mostrar como inserir um gadget em seu blog que permite que seu leitor troque a cor de fundo blog ou troque o background do blog, o plano de fundo.


Demonstração do tutorial


Veja, no blog demonstrativo,  os gadgets Troque a cor de fundo do blog e Troque o background do blog. Clique neles e faça os testes.
Ao clicar nas cores elas se aplicam ao fundo externo do blog. O mesmo acontece com as texturas.
Em alguns templates elas se aplicam ao plano de fundo principal.
Faça testes e veja se fica bom em seu blog, tá?

Para colocar em seu blog é bem simples: acesse a aba Layout, clique em Adicionar um gadget, escolha a opção HTML/JAVASCRIPT e na janela que expandir cole este código:


Código para trocar o background do blog


E este, para trocar as cores sólidas:


Código para trocar a cor do blog


No caso dos backgrounds, caso queira, você pode substitui-los por outros.
Para fazer isso basta hospedar os fundos que deseja usar e trocar os endereços dos meus que estão no código (que deixei em negrito) pelos endereços dos seus próprios backgrounds.

Depois de colar os códigos na caixinha salve, arraste para onde deseja que fiquem e salve as alterações no layout do blog.


Informações extras:
Testei no Firefox, no Chrome, no Safari e no chatinho IE versão 9. Em todos deu certinho, mas precisa sempre testar pois pode haver alguma particularidade em seu blog que cause conflito e erro, ok?
Em blogs que usam o hack que faz com que todos os links abram em nova aba o gadget que troca as cores não funciona direito; ele troca a cor mas automáticamente abre outra aba, normal. Com o gadget que troca os backgrounds funciona normal.

Agora o segundo recurso:
Dê ao seu leitor a opção dele mesmo escolher qual tipo e tamanho de fonte quer usar para ler seu blog.

Veja o recurso em funcionamento:

Demonstração do tutorial


Para ter em seu blog faça assim:
Acesse a aba Layout, clique em Adicionar um gadget, escolha a opção HTML/JAVASCRIPT e na caixa que expandir cole este código:

Copiar o código

Salve, arraste para onde deseja que apareça e salve as alterações do layout.
Sugiro o começo do blog, para que tenha realmente utilidade e fique fácil de ser achado e usado pelo leitor.

Importante:
Caso seu blog, como o meu, tenha bloqueios anti-cópia o recurso não funcionará no Firefox, mas funciona normalmente em todo os demais navegadores..


Viu quanta coisa divertida?
Gostou?
Se colocar em seu blog diga nos comentários pra gente ver!
E se você acredita que mais pessoas podem se beneficiar dos tutoriais do blog clique em Curtir/Compartilhar no Facebook ou recomende no Google+ ao final dos posts.
Thank you!

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

6 comentários , comente também!

  1. Ai que fofo! Amei!
    Obrigada Elaine por compartilhar suas ideias!

    ResponderExcluir
  2. Muito interessante Elaine. Desta vez copiei os códigos e apliquei no blogue de testes só para ver se era capaz. Funcionou perfeitamente. O pior foi quando passei para um dos meus blogues. Deixou de funcionar. Enfim eu bem digo que sou um calhau com olhos.
    Um abraço

    ResponderExcluir
  3. Olá, Elaine. confesso que tenho dificuldade em usar recursos para modificar á aparência do meu blog, principalmente aqueles que tem que alterar html. Hum..... nem quera saber. Muitos recursos que você compartilhar nem me atrevo a colocar, ficando só a vontade. Pois bem... coloquei no meu blog o código para mudar o background e amei. Muito legal mesmo. Valeu. Abraços agradecidos.

    ResponderExcluir
  4. Obrigada por partilhar amiga querida
    perdoe minha ausência.
    Beijos no coração.
    Evanir.

    ResponderExcluir
  5. Esse eu tambem compartilhei .
    Vcoê transferindo genial.
    Beijinhos
    Deus abençõe

    ResponderExcluir
  6. é , tenho uma duvida , tem como alem de trocar a cor do fundo , trocar a cor dos widgets também ? Obrigado

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…