Personalizar Gadgets (Plugins) do Facebook para Blogs e Sites
Existem muitos acessórios do Facebook para colocar no blog e você pode personalizar (alterar o layout, aparência) desses gadgets ou plugins apenas alterando o código HTML e colocando tags indicadas pelo próprio Facebook na mesma pagina onde você configura e pega o códigos dos gadgets (widgets) do Facebook para blogs e sites, ou seja, na pagina de plugins sociais.
O funcionamento destes códigos para editar os plugins do Facebook funcionam em todos os plugins, por exemplo: botão curtir, widgets de posts recomendados, caixa de fãs do Facebook e todos os outros acessórios. A diferença é que cada um permite alterações dependendo do seu conteúdo.
Quando estiver na pagina de desenvolvedores de plugins para sites do Facebook (pagina onde pegamos o código do Facebook para colocar no blog). Veja que logo abaixo do botão get code tem uma lista de tags e códigos HTML para personalizar.
Vamos usar como exemplo o plugin de Gadget de Posts Recomendados que por padrão abre os links em uma nova janela, mas podemos alterar isso para que ao clicar num link ele abra na mesma janela.
Veja esse trecho do código (isso é apenas uma parte do código para demonstração, se quiser ver o código completo clique no link: Gadget de Posts Recomendados do Facebook):
<div class="fb-recommendations" data-site="www.dicasparablogs.com.br" data-width="600" data-height="400" data-header="true"></div>
Para abrir os links na mesma janela temos que acrescentar o código:
data-linktarget="_top"
Então o código do Facebook modificado para abrir os links na mesma janela fica deste jeito:
<div class="fb-recommendations" data-site="www.dicasparablogs.com.br" data-width="600" data-height="400" data-header="true" data-linktarget="_top"> </div>
Com essa mudança simples no código está pronto e os não vão abrir em uma nova janela.
Leia também:
Como Integrar o Blog ao Facebook e Gerar mais Visitas
Criar Botão Personalizado para Compartilhar Posts no Facebook
Mostrar Botão Compartilhar em Imagens e ao Selecionar Texto
Como você pode ver na pagina de configuração de plugins do Facebook existem muitas outras opções que você pode personalizar como desejar, então faça alguns testes e achará varias funções interessantes para usar nos seus gadgets do Facebook.
Personalizar Acessórios do Facebook para Blogs
O funcionamento destes códigos para editar os plugins do Facebook funcionam em todos os plugins, por exemplo: botão curtir, widgets de posts recomendados, caixa de fãs do Facebook e todos os outros acessórios. A diferença é que cada um permite alterações dependendo do seu conteúdo.
Quando estiver na pagina de desenvolvedores de plugins para sites do Facebook (pagina onde pegamos o código do Facebook para colocar no blog). Veja que logo abaixo do botão get code tem uma lista de tags e códigos HTML para personalizar.
Vamos usar como exemplo o plugin de Gadget de Posts Recomendados que por padrão abre os links em uma nova janela, mas podemos alterar isso para que ao clicar num link ele abra na mesma janela.
Veja esse trecho do código (isso é apenas uma parte do código para demonstração, se quiser ver o código completo clique no link: Gadget de Posts Recomendados do Facebook):
<div class="fb-recommendations" data-site="www.dicasparablogs.com.br" data-width="600" data-height="400" data-header="true"></div>
Para abrir os links na mesma janela temos que acrescentar o código:
data-linktarget="_top"
Então o código do Facebook modificado para abrir os links na mesma janela fica deste jeito:
<div class="fb-recommendations" data-site="www.dicasparablogs.com.br" data-width="600" data-height="400" data-header="true" data-linktarget="_top"> </div>
Com essa mudança simples no código está pronto e os não vão abrir em uma nova janela.
Leia também:
Como Integrar o Blog ao Facebook e Gerar mais Visitas
Criar Botão Personalizado para Compartilhar Posts no Facebook
Mostrar Botão Compartilhar em Imagens e ao Selecionar Texto
Como você pode ver na pagina de configuração de plugins do Facebook existem muitas outras opções que você pode personalizar como desejar, então faça alguns testes e achará varias funções interessantes para usar nos seus gadgets do Facebook.
Marcadores: Acessórios, Facebook, Html, Redes Sociais