Caixa estática do facebook com efeito jquery hover

O facebook é uma ótima rede social para compartilhar seus links, fazer amigos, entre tantas outras utilidades, inclusive para blogueiros. O facebook já tem um widget super legal, mas que tal o bom ficar ainda melhor? Isso é possível. O site Way2blogging modificou o widget padrão tornando assim o widget mais profissional. Com este widget você terá um novo design em seu blog. Tenha uma caixa com um simples efeito jquery hover, mas muito interessante. Saiba como adicionar uma caixa estática do facebook com efeito jquery hover.

Vamos começar:
1 - Adicione o plugin JavaScript Jquery [Ignore este passo, caso seu blog já tenha um plugin jQuery]
• Abra o painel do blogger, vá em "Design", "Editar html".
• Pressione "Ctrl + F", e procure por </head>
• Agora antes da tag </head> copie e cole o código seguinte:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

2 - Agora adicione o código do Widget. É muito simples. Substitua o URL da página do facebook abaixo com a URL para sua página.

Url da sua página do Facebook :

Atenção: Tem que ser URL da página, e não do perfil do facebook. Se gostou comente!

Fonte: Way2blogging.org

Postador por Spectro / Comentários