jQuery Facebook Fotoğraf Galerisi Eklentisi

Facebook kalite hedefli trafik için bir numaralı kaynak olduğunu ortaya koymuş bir sosyal platform. Bugün bu yazıda size Nasıl Blogger'da bir jQuery Facebook Fotoğraf Galerisi Oluşturulur onu göstereceğim. Bu eklenti Facebook sayfanızda paylaştığınız tüm albüm ve fotoğraflarınızı web sitenizde, blogunuzda görüntülemeyi sağlar. Tüm sistem jQuery ile çalışır. Ayrıca Lightbox işlevselliği sayesinde sitenizin içinde fotoğrafları görüntüleyebilirsiniz. Farklı albümlerizi tarayabilir ve başladığınız yere geri yere gidebilirsiniz. Facebookta çok vakit geçiren ve çok fotoğraf paylaşan kullanıcılar için güzel bir eklenti.

Örnek jQuery Facebook Fotoğraf Galerisi Eklentisi

Blogger'da jQuery Facebook Fotoğraf Galerisi Nasıl oluşturulur?

Facebook fotoğraf galerisini yükleme:

Google hesabınıza giriş yapın.

Blogger > Şablon

Şablonunuzun yedeğini alın!

HTML'yi Düzenle > tıklayıp devam edin

</head> kodunu bulun ve hemen üstüne aşağıdaki komut dosyalarını kopyalayıp yapıştırın:

<link media="all" href="http://meftun-mede.googlecode.com/svn/trunk/Meftun-fancybox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://meftun-mede.googlecode.com/svn/trunk/Meftun_fancybox.min.js"></script>

Şablonu Kaydet diyip bir sonraki adıma geçiyoruz.

Şimdi Facebook Sayfa profil kimliğini bulmak gerekiyor (şunu hatırlatayım; Herkeze açık profil sayfalarda çalışır).
Facebook Sayfa kimliği ID'sini bulmak için http://findmyfacebookid.com'a gidin.
Ve Sayfa URL'sini girin yani http://www.facebook.com/MeftunApart gibi.
Sayfanızın sayısal kimlik ID'sini almak için “Lookup Numeric ID” butonuna basın.

Şimdi Blogger kontrol panelinde Yerleşim sonra eklentiyi görmek istedigimiz yere Gadget ekle sonra HTML/JavaScript'i buluyoruz. Sonra aşağıdaki kodları Sayfa kimliği ID'nizi girdikten sonra kopyalayıp yapıştırın.

<div id="FB_Album_Frame"></div>
<script type="text/javascript" src="https://meftun-mede.googlecode.com/svn/trunk/MeftunMede_fancybox.js"></script>
<script>
$(document).ready(function ($) {
    $('#FB_Album_Frame').FB_Album({
        facebookID: 'Sayfa_kimliği_ID',
        responsiveGallery: false
   });
});
</script>

Tebrikler :
Herşey bittikten sonra, yayınlayabilirsiniz. Başarıyla Blogger'da bir Facebook jQuery Fotoğraf Galerisi oluşturduk. Şimdi düzgün bi şekilde çalışıp çalışmadığını kontrol edin.
Umarım hoşunuza gitmiştir. Kodu kopyalayıp bloğunuza yada websitenizin istediğiniz bölümüne yapıştırın.
Kodu denemek için Online html editor'ü kullanabilirsiniz. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...