Instagram Photos Feed without API

Instagram Photos Feed without API

This is an simplest Instagram Feed plugin, works without API, built using jQuery can be easily added in HTML, WordPress, or any CMS based website.

This jquery script / plugin is built by author jsanahuja and has a repo on this plugin on Github Click here

Instagram Photos Feed without API
Instagram Photos Feed without API

HTML:

<div class="feed_block">
    <h1>Instagram Photos Feed without API</h1>
    <div id="instagram-feed1" class="instagram_feed"></div>
    <a href="https://www.sowecms.com/demos/InstagramFeed/#examples" class="more_examples">More Examples</a>
</div>

CSS:

.feed_block { margin:50px auto 0; width:800px; display:table; background:#fff; box-shadow:0 0 50px 10px #f6f6f6; padding:20px;}
.feed_block h1 { display:block; font-size:30px; font-family:Arial, Helvetica, sans-serif; margin:0 0 20px 0; text-align:center;}
.feed_block .more_examples { display:block; font-size:25px; color:#F30; text-align:center;}

JS:

<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="jquery.instagramFeed.min.js"></script>
<script>
$(window).on('load', function(){
    $.instagramFeed({
        'username': 'instagram',
        'container': "#instagram-feed1",
        'display_profile': true,
        'display_biography': true,
        'display_gallery': true,
        'callback': null,
        'styling': true,
        'items': 8,
        'items_per_row': 4,
        'margin': 1
    });
});
</script>

This plugin has multiple examples and has the ability to fetch Photos and Media from Instagram by Username, Tags, IGTV and to be customized with your own styles.

All examples can be checked Click here

DemoDownload

Leave a Reply

Your email address will not be published. Required fields are marked *

You may also like