Curso de Como Montar um Blog - a partir de R$29,90, com certificado

Encontre no blog...

30/05/11

Como instalar um Widget no seu Blog -(Blogger)

Escrito em 23/09/2009 e revisado em 31/05/2011 por byALF

image

Aprenda a inserir um Widget no seu blog (Blogger)

Se você se deparou com um widget bem legal, e gostaria de colocá-lo no seu blog, saiba como fazer agora:

1) Copie o código do Widget a ser inserido

Tomei como exemplo um widget do site Climatempo  (Leia: Widget – Coloque o clima no seu blog)

doodle

2) Entre no Painel do Blogger 

Acesse o URL www.blogger.com e faça o login

image

3) Em Gerenciar Blogs,

image

clique no link  <Design>

image

4) Adicionar o Widget

Escolha a parte onde deseja colocar o seu Widget e clique em <Adicionar um Gadget>.

Obs.: Você deve estar em Elementos da página (Adicionar e organizar elementos da página)

image

Na janela Adicionar um gedget em Noções básicas…

image

…clique em <HTML/JavaScript>

image

Cole o código do Widget que você deseja inserir em <Conteúdo>. Se desejar, acrescente também um Título para o seu novo widget. No nosso exemplo utilizei “Previsão do Tempo” como título.

Clique em <Salvar> e pronto,

image

o seu widget já está adicionado…

image

5) Visualizar e alterar a posição do Gadget

Antes de Salvar o seu blog, clique no botão <Visualizar> para uma prévia de como vai ficar o layout com o novo widget…

image

Visualize o blog com o widget inserido (página visualizar).

image

Se você gostou do layout, feche a janela de visualização e clique em <Salvar>. Caso contrário, feche a janela de visualização e altere a posição do gadget…

image

Para alterar a posição, clique e segure o mouse sobre o gadget “Previsão do Tempo” e arraste para a nova posição desejada,

Obs.: Para editar o título ou conteúdo do widget clique no link [Editar] do gadget correspondente.

image

Visualize o blog novamente, e se estiver tudo certo, clique em <Salvar>.

image

Pronto, agora o seu novo widget já está inserido no seu blog…

image

Clique em <Visualizar blog>  e veja como ficou…

image

Obs.: Para editar ou excluir o widget, clique no ícone que aparece ao lado do widget (anotado em vermelho). Para isto, você deverá estar logado no blogger.com

exemplowidget

Até mais… ( byAlf )

image


Veja também:

  Widget – Coloque o clima no seu blog

  Aprenda a criar o seu próprio Widget

  Widget, o que é e para que serve?

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

Related Posts Plugin for WordPress, Blogger...

6 comentários:

marcelo gravaçoes disse...

mim ajudou e muito

, Hugo disse...

Olá,sou meio iniciante no mundo dos Blogs . Fui tentar adicionar um Widget .Mais não consegui porque não aparece essa opção do "Layout" no meu painel .Por favor me ajuda é urgente .Obrrigado :D

Visual Dicas - Cursos e Treinamentos disse...

Olá Hugo,

Realmente foram feitas alterações no blogger ao longo do tempo... Portanto, onde está escrito Layout, leia-se Design...

Obrigado pela informação... Precisarei atualizar este artigo que foi escrito em 2009...

Abraços,

Visual Dicas - Cursos e Treinamentos disse...

O Post foi atualizado com a versão mais recente do blogger.com (maio/2011)...

Cristalina disse...

Ajudou muitíssimo! Obrigada :)

tonpson disse...

deu certissimo!!! e vc podeiria me dizer se há templestes que eu possa continuar usando o desiner do bloger??? se puder pq usar so html é difícil

Gostou do Post? Então espalhe!

Artigos recentes

Quem está curtindo...

Encontre no blog...

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics