instafeed.js nasıl kullanılır - Türkçe

Merhaba bu blogumda size instafeed.js ([Gör]) nasıl kullanılır onu göstereceğim. İlk yapmanız gereken çalışma dosyalarını indirin:  [İndir]

Şimdi başlayalım. İlk önce js dosyamızı sayfamıza çağrıyoruz.

<script src="InstagramFeed.js"></script>

Daha sonra instafeedden gelicek olan bilgilerin nerede göstereceğini tanıtıyoruz.

<div id="instagram-feed"></div>

Şimidi instafeede bize ne sunucağını bildirmek için ayarlar tanımlıyoruz.

<script>
    (function(){
        new InstagramFeed({
            'username': 'webmavie',
            'container': document.getElementById("instagram-feed"),
            'display_profile': true,
            'display_biography': true,
            'display_gallery': true,
            'callback': null,
            'styling': true,
            'items': 5,
            'items_per_row': 5,
            'margin': 1,
            'lazy_load': true,
            'on_error': console.error
        });
    })();
</script>

username - instagram kullanıcı adınız - alacağı değer yazı  

display_profile - profil bilgileriniz görüntülensinmi - alacağı değer true ve ya false 

display_biography - biografi bilgileriniz görüntülensinmi - alacağı değer true ve ya false 

display_gallery - paylaşımlarınız görüntülensinmi - alacağı değer true ve ya false 

styling  - instafeedin kendi tasarımı kullanılsınmı - alacağı değer true ve ya false 

items - kaç tane media görüntülensin - alacağı değer rakam 

items_per_row - kaç satırda görüntülensin - alacağı değer rakam  

margin - medialar arası mesafe(boşluk) - alacağı değer rakam  

Bu kadar herşeyi doğru yaparsanız. Sonuç aşağıdaki resimdeki gibi olucak. Eğer yapmaktan zorlandıysanız yorumlar kısmından sorunuzu sora bilirsiniz.