PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

20/09/2009

Widget – Coloque o clima no seu blog

image

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

Widget – Coloque o clima no seu blog - Visual Dicas

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):

Widget – Coloque o clima no seu blog - Visual Dicas

Passo 3 – Defina o tamanho do seu Widget  (150 X 170 ou 120 X 170).

Widget – Coloque o clima no seu blog - Visual Dicas

Passo 4 – Defina a Skin (visual) para o seu Widget (Padrão, Azul, Laranja, Preto ou Verde).

Widget – Coloque o clima no seu blog - Visual Dicas

Passo 5 – Clique no link [Escolha até 5 cidades e tenha a previsão em seu site.].

Widget – Coloque o clima no seu blog - Visual Dicas

Defina o Estado e as Cidades (você poderá colocar até 5). Clique em [OK] para selecioná-las.

Widget – Coloque o clima no seu blog - Visual Dicas

Passo 6 – Após inseridas as cidades desejadas, coloque o Nome, URL do seu site ou blog e seu e-mail.

Widget – Coloque o clima no seu blog - Visual Dicas

Passo 7 - Clique no botão [ver código] e copie o código visualizado.

Widget – Coloque o clima no seu blog - Visual Dicas

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

Widget – Coloque o clima no seu blog - Visual Dicas

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:

Como instalar um Widget no seu Blog -(Blogger)

Como inserir Widgets no Wordpress sem a instalação de plugins

Como inserir códigos HTML nas postagens do Blogger

Como inserir códigos HTML nas postagens do Wordpress

Veja como ficou o nosso widget que inserimos nesta postagem…

até mais

image

7 comentários:

Daniel Cardoso disse...

Não funcuiona direito no firefox. acho q é por causa do flash.

Visual Dicas - Cursos e Treinamentos disse...

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...

sobrevivência.de.adolescente disse...

Depois de copiar o código eu colo a onde ?

Angelo Ferreira disse...

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

ELAINE disse...

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

Angelo Ferreira disse...

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

Maíra Alonso disse...

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

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More