Monday, 9 September 2013

Membuat Facebook Photo Gallery di Blog

Membuat Facebook Photo Gallery di Blog
Membuat Facebook Photo Gallery di Blog - Tidak dipungkiri bahwa Jejaring sosial seperti Facebook merupakan penghasil traffik dan pengunjung untuk sebuah website atau blog. Oleh karena itu banyak tutorial tentang Cara memasang facebook like box, rekomendasi dsb. Saat ini adalah tutorial tentang bagaimana cara membuat gallery photo Facebook di Blog.

Facebook Photo Gallery ini hanya menampilkan photo album pada halaman facebook bukan pada profil facebook. Untuk melihat bagaimana hasilnya siahkan lihat demonya.


Bagi sobat yang ingin memasangnya, silahkan ikuti langkah mudahnya :

Langkah 1 : Pastikan template sobat sudah terpasang script jQuery.

Langkah 2 : Simpan kode ini di atas </head>
<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>
Simpan Template

Cara Memasang Photo Gallery Facebook


Untuk memasang / membuat gallery photo halaman facebook, simpan kode di bawah ini pada artikel / halaman statis. (Lakukan pada mode HTML)
<script> $(document).ready(function ($) { $('#FB_Album_Frame').FB_Album({ facebookID: 'ID-Facebook-di-sini', responsiveGallery: false, fixedWidth: 980 }); }); </script> <div id="FB_Album_Frame"></div>
ganti tulisan ID-Facebook-di-sini dengan ID Facebook berupa Nomor (bukan username).

Cara Mendapatkan ID Facebook


1. Kunjungi halaman ini
2. Ketik username, misalkan halaman facebook demo https://www.facebook.com/FatinShidqiaLubis cukup tulis FatinShidqiaLubis kemudian klik Get Facebook ID

Membuat Facebook Photo Gallery di Blog

3. Lihat kode yang diblok, copy kode yang seperti itu dan ganti tulisan ID-Facebook-di-sini pada script di atas.
4. Publikasikan postingan / halaman sobat.

Semoga bermanfaat

Source : http://blog.kangismet.net/2013/08/membuat-facebook-photo-gallery-di-blog.html
Source : http://www.mybloggerlab.com/2013/08/how-to-create-jquery-facebook-photo-gallery-in-blogger.html

Seorang pelajar yang ingin berkreatifitas di dunia blogging dan yang selalu ingin membuat kreatifitas yang lebih baru.

11 komentar

Catatan :
- Dilarang Menggunakan Link Aktif / Live Link
- Dilarang Promosi Iklan
- Dilarang Nyepam
- Untuk Menyisipkan Kode, Gunakan tag <i rel='code'> Taruh Kode Disini </i>
- Untuk Menyisipkan Kode Panjang, Gunakan tag <i rel='pre'> Taruh kode panjang disini </i>
- Untuk Menyisipkan Catatan, Gunakan <b rel='quote> Taruh Catatan disini </b>
- Untuk Menyisipkan Gambar, Gunakan <i rel="'image> URL Gambar </i>
- Untuk Menyisipkan Youtube, Gunakan <i rel='youtube'> URL Youtube </i>

Sebelum menyisipkan kode silahkan gunakan Tools Konversi Kode.
Caranya tinggal klik tombol "Konversi Kode" yang berada di Form Komentar.
EmoticonEmoticon