terça-feira, 19 de outubro de 2010

Enriquecendo seu site ou blog

É muito simples enriquecer seu site ou blog, por meio de widgets interessantes que permitem incorporar conteúdos na sua página, neste post será apresentado três widgets, um com perfil do Twiter, um para vídeos do YouTube e um para apresentação de slides com fotos do Picasa.

Twitter Profile Widget
Basta acessar o link http://twitter.com/goodies/widget_profile onde será apresentada a seguinte página:


E realizar as seguintes configurações:
  • Em Settings, o username;
  • Em Preferences, o comportamento e algumas configurações como a inclusão de barra de rolagens e a exibição de Avatares;
  • Em Appearence, as configurações do esquema de cores e;
  • Em dimensions, a largura (podendo ser automática) e a altura que o widget ocupará no seu site.
O botão Test Settings exibe, do lado esquerdo da tela, o widget com as configurações aplicadas e o botão Finish & Grab Code apresenta o código que deve ser copiado e colado no local desejado na sua página.

Vídeo do YouTube
Localize o vídeo do YouTube que deseja incorporar e abaixo da visualização está localizado o botão Incorporar, por meio deste é possível configurar a inclusão de vídeos relacionados, opções de estilo e tamanho, e então copiar o código apresentado, iniciado com <embed no seu site ou blog.

Álbum do Picasa (como apresentação de slides)
À direita da visualização do álbum que deseja criar é exibida a opção Link para este álbum, destacado com 1 na imagem abaixo, após a seleção desta opção é exibida a opção Incorporar apresentação de slides
, destacado com 2 na imagem abaixo.

Após selecionar
a opção Incorporar apresentação de slides, é exibida uma nova tela com opções, conforme imagem abaixo, nesta tela é possível configurar o tamanho e opções de exibição, para incorporar no site basta copiar o código iniciado com <embed e colar no local desejado.

Agora é colocar a mão na massa e agregar estes widgets no seu site ou blog.

Até mais!

Marcelo de Castro
http://blog.castro.eti.br
http://twitter.com/mcastroinfo
http://www.globalcode.com.br/instrutores/MarceloCastro

Nenhum comentário:

Postar um comentário