Membuat Galeri Album Facebook di Blog

Kali ini saya akan mengulas cara membuat galeri dari album facebook di blog.
untuk contohnya silakan lihat halaman ini : http://aoktox.blogspot.com/p/meme-comic.html

Pertama, pastikan blog sudah mendukung jquery, kalau belum silakan aktiifkan terlebih dahulu ( tutorial cari di google :D)

Kedua, copy code berikut di atas kode </head>

Code:

<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" />
<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>

Jika sudah, simpan template

Penggunaan

Untuk memasang galeri, bisa disisipkan dalam posting maupun ditaruh di page tersendiri.

isikan kode berikut dalam posting/page

Code:

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

ubah kode Your-Page-ID dengan ID Facebook/Fanspage (bukan username), kalau bingung cari ID facebook bisa lihat di sini : http://findmyfacebookid.com/

Sumber : http://www.mybloggerlab.com/2013/08/how-to-create-jquery-facebook-photo-gallery-in-blogger.html