Facebook menjadi sumber nomor satu untuk lalu lintas yang berkualitas. Ini adalah alasan mengapa webmaster terkonsentrasi lebih ke arah menghubungkan situs web mereka dengan Plugin Facebook yang berbeda dan widget. Kami telah menjelaskan Bagaimana Tambahkan komentar Facebook, kotak Rekomendasi Facebook dan Facebook Fan Box di Blogger.
Apa jQuery Facebook Photo Gallery Untuk Blogger?
Plugin ini memungkinkan Anda untuk melihat dan mengimpor semua Galeri Facebook dan gambar ke website Anda. Tetapi plugin bekerja hanya dengan galeri Facebook Fans Page saja.
Di atas itu, Anda juga dapat melihat foto-foto dalam situs Anda melalui fungsi Lightbox. Anda dapat menelusuri album yang berbeda dan bisa kembali ke tempat dari mana Anda mulai.
Cara membuat jQuery Facebook Photo Gallery di Blogger?
Instalasi Facebook Gallery:
Hal pertama yang perlu Anda lakukan adalah untuk login ke account Google Anda. Setelah log in pergi ke Blogger.com >> blog Anda >> Template >> Edit HTML dan cari Kode </ head>. Setelah menemukan kode </head> sisipkan potongan kode berikut tepat diatas kode </head>.
Cara membuat jQuery Facebook Photo Gallery di Blogger?
Instalasi Facebook Gallery:
Hal pertama yang perlu Anda lakukan adalah untuk login ke account Google Anda. Setelah log in pergi ke Blogger.com >> blog Anda >> Template >> Edit HTML dan cari Kode </ head>. Setelah menemukan kode </head> sisipkan potongan kode berikut tepat diatas kode </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" />
<!-- 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>
<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>
Setelah menambahkan kode di atas dalam template Anda, cukup tekan tombol "Simpan Template" tombol dan lanjutkan ke langkah berikutnya.
Membuat Galeri Facebook:
Membuat Galeri Facebook:
Sekarang Anda perlu menemukan ID Facebook Fans page Anda (ingat ini hanya bekerja untuk halaman profil fans page). Untuk menemukan Anda Facebook Halaman ID pergi Fans page anda kemudian copy id facebooknya
Sekarang setelah Anda mengetahui ID Anda, saatnya untuk membuat galeri. Sekarang tergantung pada Anda di mana Anda ingin meletakkan galeri foto baik dalam posting Anda atau halaman. Jika Anda ingin membuat halaman kemudian, pergi ke Blogger >> situs Anda >> Pages >> menambahkan halaman baru >> Berikan halaman Anda judul kadang-kadang seperti "Facebook Galeri". Setelah penamaan halaman Anda, cukup paste kode dibawah berikut ini Pada HTML jangan paste pade Compose. (Jangan lupa untuk mengganti Your-Page-ID dengan ID numerik Anda.
<script>
$(document).ready(function ($) {
$('#FB_Album_Frame').FB_Album({
facebookID: 'Your-Page-ID',
responsiveGallery: false,
fixedWidth: 980
});
});
</script>
<div id="FB_Album_Frame"></div>
Selamat berkreasi Resource: http://www.mybloggerlab.com

Post a Comment