En yeni: Dünyanın en iyi 10 video düzenleme programı Trending: İnternetten para kazanmak, Ekgelir, En iyi Tıkla Kazan (PTC) Siteleri

jQuery Facebook Fotoğraf Galerisi Eklentisi

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.



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.
    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://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...

    3 yorum:

    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

    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!

     
    • Meftun Apart

      Meftun Apart Fethiye

      Apartlarımız deniz ve plaja 50 metre mesafede olup, klimalı, full eşyalı 2+1, 1+1, 4-6 kişilik ve havuzlu apartlardan oluşmaktadır.

    • Meftun Mede Blogger

      MEDE Blogger Tema Yardım

      Blogger şablonuzda, temanızda yardımamı ihtiyacınız var? Hertürlü blogger tema yardımı ücretsiz yapılır...

    • Sitemap sayfası oluşturma

      Sitemap sayfası oluşturma

      Sitemap bir web sitesinin haritasıdır.Arama motorlarının web sitelerini hızlı, daha çabuk ve tam olarak indexlemesi için oluşturulurlar.

    • hit arttırma

      Sitenizin hitini arttırın!

      Kaliteli hit arttırma sitemi ile ücretsiz hit kazanın, sitenizi Google'da yükseltin! Sitenizi ekleyin ve binlerce ziyaretçi kazanın!

    • internetten para kazan

      İnternetten para kazan !

      Boş zamanınızı internetde reklam izleyek ve bundan para kazanarak geçirebilirsiniz. Ek gelir elde edebilirsiniz!