byALF | 
domingo, setembro 20, 2009
Widget de previsão do tempo da Climatempo
Atualizado em 27/09/2014
O site Climatempo, um dos mais acessados e respeitados sites de previsão do tempo no Brasil, disponibiliza um widget super bacana e muito útil para você colocar no seu blog ou site, veja como:
Passo 1 - Acesse o link: http://www.climatempo.com.br/tempo-no-seu-site/selos
Passo 2 - No site você pode escolher os Widgets, Suas Cidades, Capitais, Ondas e Regiões do Brasil. No nosso exemplo, vou escolher Sua(s) Cidade(s):
Passo 3 – Defina o tamanho do seu Widget (150 X 170 ou 120 X 170).
Passo 4 – Defina a Skin (visual) para o seu Widget (Padrão, Azul, Laranja, Preto ou Verde).
Passo 5 – Clique no link [Escolha até 5 cidades e tenha a previsão em seu site.].
Defina o Estado e as Cidades (você poderá colocar até 5). Clique em [OK] para selecioná-las.
Passo 6 – Após inseridas as cidades desejadas, coloque o Nome, URL do seu site ou blog e seu e-mail.
Passo 7 - Clique no botão [ver código] e copie o código visualizado.
Passo 8 - Recomendamos que você faça sempre um teste antes de inserir o código do widget no seu blog. Sugerimos o aplicativo Squids Editor.
No Squids Editor , cole o código HTML no campo Código Fonte. Clique no botão [Enviar Código] para ver o Resultado. Teste o widget, se funcionar corretamente adicione-o no seu blog como mostraremos a seguir…
Obs.: Para mais informações sobre o Squids Editor leia o artigo:Simulador gratuito para HTML, CSS e JavaScript – visualização em tempo real
Passo 9 – Cole o código no blog ou site no local desejado. Se você não sabe como fazer isso, leia os artigos abaixo:
Veja como ficou o nosso widget que inserimos nesta postagem…
até mais
7 comentários:
Não funcuiona direito no firefox. acho q é por causa do flash.
Olá Daniel,
Talvez você não tenha instalado o plugin Adobe flash player no seu browser...
Utilize o URL abaixo para instalar no seu PC:
http://www.baixaki.com.br/download/adobe-flash-player.htm
O Widget roda em flash e funciona perfeitamente em todos os navegadores conhecidos...
Depois de copiar o código eu colo a onde ?
Olá sobrevivência.de.adoslescente,
Se você usa o Blogger, leia Como instalar um Widget no seu Blog -(Blogger)
Se você usa o Wordpress, leia Como inserir Widgets no Wordpress sem a instalação de plugins
Dá uma mensagem de erro dizendo que o nome do site (blog) é inválido!! http://elaine-dedentroprafora.blogspot.com/
Esse é o endereço do meu blog!!
Não entendi....
Elaine Neves
Olá Elaine,
Tire a barra final do link: http://elaine-dedentroprafora.blogspot.com (sem a barra no final) --> fiz o teste e deu certo.
Abraços,
Visual Dicas
No meu caso, ele fica aparecendo no blog as informações do código, eu até foi http://squids.com.br/editor/ e lá parece que esta tudo ok, mas qdo passo para o blog do wordpress www.aubedouce.com.br fica esquisito, será que estou fazendo algo errado?
Postar um comentário