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.


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

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