JS Animated. How to work with “RD Facebook Feed” plugin

This tutorial will show you how to work with RD Facebook Feed plugin.

1. First you need to download Facebook Feed plugin here.

2. Next, add an app on Facebook and get it’s accessToken. After that, open the RD Facebook Feed script file and add the access token there (around line 28).

   

3. Add HTML markup for the post with an image, for example:

   <!-- RD Facebook Feed -->
       <div class="facebook" data-fb-id="TemplateMonster" data-fb-access="...">
           <div data-fb-post>
               <img src="images/_blank.png" alt="" data-picture="src" data-remove/>
               <p data-message="text"></p>
           </div>
       </div>
   <!-- END RD Facebook Feed -->

   Note, that you can customize the markup, you just need an element with data-fb-post and data-fb-user attributes. You can find additional customizable options for the script in the official documentation.

4. Now the last thing you need to do is to include the script on a target HTML page:

   <script src="js/jquery.rd-facebook-feed.min.js"></script>

Thank you for reading our tutorial. Now you know how to work with RD Facebook Feed plugin.

Feel free to check the detailed video tutorial below:

Also, don’t forget to review the collection of our website templates.