Colocando uma galeria de fotos do Facebook no Blogger

Olá Pessoal, a muito tempo que não trago uma dica aqui para vocês, o tempo estava muito curto, mas hoje consegui um tempinho e irei trazer uma excelente dica para vocês, estarei ensinando como adicionar uma galeria de fotos  em Jquery usando as fotos do seu facebook  (perfil ou página), na minha opinião é um excelente recurso, principalmente para blogs que usam bastante imagens, por isso recomendo que preste bastante atenção nos passos a seguir, pois você está a 3 passos de adicionar um excelente galeria de imagens com efeito Jquery em seu blog.

Passo 1 – Adicionando o Recurso

Em proeiro lugar você deverá acessar o seu painel do blogger, clicar em Modelo, Editar HTML e procurar pela tag </head> e acima dela colocar o código a seguir, depois visualize para ver se esta tudo ok e salve.

<link media="all" href="http://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet" type="text/css" />
<link media="all" href="https://googledrive.com/host/0B-vz7n1QSdEfWE1Wbmxtc2FYN1k" rel="stylesheet" type="text/css" />
<!-- Scripts -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B-vz7n1QSdEfRkNxSXVfYjlRU3c"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B-vz7n1QSdEfUDFxcEpsM1ZSTjQ"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B-vz7n1QSdEfaHU3dTFPallrU1E"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B-vz7n1QSdEfUFhSTlNaaU5tTkE"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B-vz7n1QSdEfeVlQNnBDZGhtXzQ"></script>

Passo 2 – Descobrindo sua ID

Todos os perfis e páginas no Facebook possuem um ID, se você não sabe qual é o seu, basta acessar o site http://findmyfacebookid.com/ colar a URL do seu perfil ou página e clicar em Lookup Numeric ID para descobrir seu ID no Facebook, anote a numeração gerada, pois iremos utiliza-la mais a frente.

Passo 3 – Criando a galeria

Agora iremos criar uma página onde iremos instalar a galeria, para isso acesse o painel do blogger, clique em Página → Nova Página → Página em Branco, dê um nome para sua página, mude a área do conteúdo para HTML e cole o código a seguir fazendo as devidas alterações e logo depois salve.
OBS: Troque a parte destacada em vermelho pelo ID gerado no passo 2.

<script>
    $(document).ready(function ($) {
        $('#FB_Album_Frame').FB_Album({
            facebookID: 'SEU ID NO FACEBOOK',
            responsiveGallery: false,
            fixedWidth: 980
        });
    });
</script>
<div id="FB_Album_Frame"></div>


Pronto, agora sua galeria de fotos do Facebook já esta instalada no seu blogger.