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, kalau belum silahkan kunjungi tutorial Cara Menambahkan jQuery pada Template Blogger.
Langkah 2 : Simpan kode ini di atas
Untuk memasang / membuat gallery photo halaman facebook, simpan kode di bawah ini pada artikel / halaman statis. (Lakukan pada mode HTML)
1. Kunjungi halaman ini
2. Ketik username, misalkan halaman facebook demo https://www.facebook.com/FatinShidqiaLubis cukup tulis FatinShidqiaLubis kemudian klik Get Facebook ID
3. Lihat kode yang diblok, copy kode yang seperti itu dan ganti tulisan
4. Publikasikan postingan / halaman sobat.
Semoga bermanfaat

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, kalau belum silahkan kunjungi tutorial Cara Menambahkan jQuery pada Template Blogger.
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

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
Resource: http://www.mybloggerlab.com/2013/08/how-to-create-jquery-facebook-photo-gallery-in-blogger.html
101 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
thanks kang
untuk page masalahnya : http://mediataput.blogspot.com/p/blog-page_10.html
nyobiann nyak , sareng izin repost daku yang tampan ini ..
[catatan]http://blog.riandesign.web.id/2013/04/merubah-gambar-menjadi-hitam-putih.html[/catatan]
Saya Suka
[+] MazDicha
[img]http://i.imgur.com/KSAJOVe.jpg[/img]
Kang di share ath trheadded comment versi akang anu di template zikazev. :)
btw sorry nih kang, ane udah melewatkan beberapa postingan akang, karena disibukan dengan pekerjaan dunia jadinya ga semper blogwalking dh...
tp secara keseluruhan, trik ini unik menurut saya dan patut dicoba :)
Boleh juga ni :D buat template baru nnti.
:)
selalu ada yang baru saya dapatkan dari kang ismed
terima kasih banyak kang :-d
Kang kang kang Ismet.... Foto gw aja donk, jangan fotonya Fatin, Jadi inget mantan gw kan nih... ;(