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 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="https://meftunmede.github.io/css/Meftun-fancybox.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://meftunmede.github.io/javascripts/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 randomtools.io/'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.
    Facebook sayısal kimlik ID
    Ş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://meftunmede.github.io/javascripts/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...

    3 Yorumlar

    Lütfen yalnızca yazı ile ilgili yorumlar yazın. Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın. Ve lütfen yorumlara tıklanabilir link yazmayın!

    1. http://deeerkjgytujy.blogspot.com.tr/ Şimdi benn burada aynı şeyi uyguladımm oldu .

      Ama http://psikolojiuzerine1248.blogspot.com.tr/ burada çalışmıyoo. Acaba tema açmayabilir mi???. Yoksa sorun ne ..

      YanıtlaSil
    2. Temayla ilgisi olamaz. Jquery çakışması olabilir. Blogunuzdaki jquery dosyalarını inceleyin. Aynı dosyadan bir kaç tane varsa, silin. 1 tane yeter. Fazlalıkları, kullanılmayan jquery dosyalarını kaldırın. Eklenti problemsiz çalışıyor.

      YanıtlaSil
    3. Deneme amaçlı bir blogum üzerinde denedim fakat resim kutusu boş görünüyor, sürekli dönen 2 ok var. Sebebi ne olabilir?

      YanıtlaSil

    Yorum Gönder

    Lütfen yalnızca yazı ile ilgili yorumlar yazın. Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın. Ve lütfen yorumlara tıklanabilir link yazmayın!

    Önceki Makale Sonraki Makale