{"id":76390,"date":"2016-09-29T10:19:28","date_gmt":"2016-09-29T14:19:28","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=76390"},"modified":"2016-10-19T07:28:48","modified_gmt":"2016-10-19T11:28:48","slug":"js-animated-work-rd-facebook-feed-plugin","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/js-animated-work-rd-facebook-feed-plugin.html","title":{"rendered":"JS Animated. How to work with &#8220;RD Facebook Feed&#8221; plugin"},"content":{"rendered":"<p>This tutorial will show you how to work with <strong>RD Facebook Feed<\/strong> plugin.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/1TYsIbdG6l4\"><\/iframe>\r\n<\/div>\r\n<ol>\r\n\t<li><p>First you need to download Facebook Feed plugin <a href=\"\/help\/files\/misc\/rd-facebook-feed.zip\" download>here<\/a>.<\/p>\r\n\t<\/li>\r\n\t<li><p>Next, add an app on <a href=\"https:\/\/developers.facebook.com\/\" target=\"_blank\">Facebook<\/a> and get it&#8217;s <strong>accessToken<\/strong>. After that, open the RD Facebook Feed script file and add the access token there (around line 28).<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/JS-Animated.-How-to-work-with-RD-Facebook-Feed-plugin-1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/JS-Animated.-How-to-work-with-RD-Facebook-Feed-plugin-1-300x169.jpg\" alt=\"JS-Animated. How to work with RD Facebook Feed plugin-1\" width=\"300\" height=\"169\" class=\"alignnone size-medium wp-image-76391\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS-Animated.-How-to-work-with-RD-Facebook-Feed-plugin-1-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS-Animated.-How-to-work-with-RD-Facebook-Feed-plugin-1-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS-Animated.-How-to-work-with-RD-Facebook-Feed-plugin-1-768x432.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS-Animated.-How-to-work-with-RD-Facebook-Feed-plugin-1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>Add <strong>HTML<\/strong> markup for the post with an image, for example:<\/p>\r\n\t<pre>&lt;!-- RD Facebook Feed --&gt;\r\n    &lt;div class=\"facebook\" data-fb-id=\"TemplateMonster\" data-fb-access=\"...\"&gt;\r\n        &lt;div data-fb-post&gt;\r\n            &lt;img src=\"images\/_blank.png\" alt=\"\" data-picture=\"src\" data-remove\/&gt;\r\n            &lt;p data-message=\"text\"&gt;&lt;\/p&gt;\r\n        &lt;\/div&gt;\r\n    &lt;\/div&gt;\r\n&lt;!-- END RD Facebook Feed --&gt;<\/pre>\r\n\t<p>Note, that you can customize the markup, you just need an element with <strong>data-fb-post<\/strong> and <strong>data-fb-user<\/strong> attributes. You can find additional customizable options for the script in the <a href=\"https:\/\/www.templatemonster.com\/help\/quick-start-guide\/website-templates\/v1-3\/index.php?lang=en&#038;section=extensions#rd-facebook-feed\" target=\"_blank\">official documentation<\/a>.<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Now the last thing you need to do is to include the script on a target HTML page:<\/p>\r\n\t\t<pre>&lt;script src=\"js\/jquery.rd-facebook-feed.min.js\"&gt;&lt;\/script&gt;<\/pre>\r\n\t<\/li>\r\n<\/ol>\r\n<p>Thank you for reading our tutorial. Now you know how to work with RD Facebook Feed plugin.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=1TYsIbdG6l4?width=1280&amp;height=720\" rel=\"prettyPhoto\">JS Animated. How to work with &#8220;RD Facebook Feed&#8221; plugin<\/a>\r\n<p>Also, don&#8217;t forget to review the collection of our <a href=\"https:\/\/www.templatemonster.com\/website-templates.php\" target=\"_blank\">website templates<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to work with <strong>RD Facebook Feed<\/strong> plugin.<\/p>\n","protected":false},"author":93,"featured_media":76392,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1016],"tags":[2415,2078,2481],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76390"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/93"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=76390"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76390\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/76392"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=76390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=76390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=76390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}