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

Encontre no blog...

14/02/2011

Como criar atalhos do Facebook para compartilhar conteúdo na web

Crie atalhos do Facebook e divulgue na web

Um recurso bem legal do Facebook são os atalhos, que nada mais são do pequenos widgets, com informações do seu perfil, de suas páginas ou de suas fotos. Depois de criados, é só copiar o código HTML e colar no seu site, blog ou qualquer aplicativo da web que possua um editor HTML.

Visual Dicas

Promova sua página também

Os atalhos são ótimos para você divulgar seu perfil ou suas páginas de fãs na internet. Muito simples de configurar e instalar no seu site, blog e até no Orkut. Crie os seus atalhos também…

Criando seus atalhos

Acesse o link: http://www.facebook.com/badges/

image

Escolha o tipo de atalho desejado. No nosso exemplo vamos começar com o [Atalho para o perfil].

1- Para configurar o Atalho para o perfil, clique no link [Editar este atalho].

image

Defina o layout e os itens que deseja inserir no atalho. Clique no botão [Salvar].

image

Agora é só copiar o código e colar no seu site…

image

Veja como ficou o atalho para o meu perfil…

Angelo Luis Ferreira | Criar seu atalho

2- Vamos agora criar o atalho para as páginas que você “curtiu”. No menu lateral, clique no link [Atalhos para páginas com a opção “Curtir].

image

Selecione uma página na lista de todas páginas que você “curte”. Depois de escolhido, copie o código e coloque nas suas páginas da web. Veja o exemplo abaixo:

Se desejar inserir outras páginas, proceda da mesma forma criando e colando quantos atalhos desejar.

3- Para configurar o atalho de fotos, clique no link [Atalhos para fotos] no menu lateral. Escolha o Layout e o Número de fotos desejado. O atalho mostrará automaticamente as últimas fotos publicadas no Facebook.

image Da mesma forma que os demais, copie e cole código nas páginas da web.

image

4- Finalmente, crie os atalhos para as suas páginas de fãs. (Se você ainda não tem uma página de fãs leia o nosso tutorial Como criar uma Página Oficial no Facebook).

image

Para editar, clique no link [Editar este atalho].

image

Defina o layout e itens que deseja mostrar. Clique no botão [Salvar].

image Da mesma forma, copie e cole o código no seu site…

image

Veja e participe da nossa página oficial do Facebook (Clique no link [Cursos Visual Dicas])

   Cursos Visual Dicas
   
Promova sua página também

O número de fãs é atualizado automaticamente.

warning_48

ATENÇÃO: Seus atalhos depois de criados, salvos e publicados não deverão ser alterados, a não ser que você substitua os códigos HTML do atalho modificado no local onde ele foi colado inicialmente.

Por exemplo, criei o atalho de meu perfil com o layout horizontal e coloquei no meu blog. Depois resolvi alterá-lo no Facebook para o layout com 2 colunas. Automaticamente foi feita uma alteração no primeiro atalho que inseri, gerando uma imagem toda deformada. Veja o exemplo abaixo:

image Para contornar isto, tive que substituir o código HTML anterior para o mais recente…

Inserindo códigos na web

Se você tem dúvidas de como inserir os códigos HTML no Blogger, leia o nosso tutorial: Como instalar um Widget no seu Blog -(Blogger)

Para inserir o atalho no perfil do Orkut por exemplo, clique em [HTML].

image

Cole o código do seu atalho e clique no botão [salvar].

image

Veja então que você poderá colocar qualquer atalho do Facebook na página principal do Orkut, ou em qualquer página da web que tenha um editor HTML.

Obs.: Para centralizar o atalho, use as tags <center> código do atalho </center>

 image

2 comentários:

Marcia disse...

Gostei desta informação... útil e interessante! ;)

dalila angelica disse...

obrigada ajudou bastante......

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