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.
0 şərh