{"id":339,"date":"2019-12-09T10:13:39","date_gmt":"2019-12-09T10:13:39","guid":{"rendered":"https:\/\/awplife.com\/demo\/animated-live-wall-premium\/?page_id=339"},"modified":"2022-10-03T12:05:07","modified_gmt":"2022-10-03T12:05:07","slug":"instagram-feed","status":"publish","type":"page","link":"https:\/\/awplife.com\/demo\/animated-live-wall-premium\/instagram-feed\/","title":{"rendered":"Instagram Feed"},"content":{"rendered":"\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"has-text-align-center wp-block-heading\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"512\" class=\"wp-image-189\" style=\"width: 67px; display: inline-block;\" src=\"https:\/\/awplife.com\/demo\/animated-live-wall-premium\/wp-content\/uploads\/sites\/66\/2019\/02\/Instagram_icon.png\" alt=\"\" srcset=\"https:\/\/awplife.com\/demo\/animated-live-wall-premium\/wp-content\/uploads\/sites\/66\/2019\/02\/Instagram_icon.png 512w, https:\/\/awplife.com\/demo\/animated-live-wall-premium\/wp-content\/uploads\/sites\/66\/2019\/02\/Instagram_icon-150x150.png 150w, https:\/\/awplife.com\/demo\/animated-live-wall-premium\/wp-content\/uploads\/sites\/66\/2019\/02\/Instagram_icon-300x300.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/h1>\n\n\n\n<h1 class=\"has-text-align-center wp-block-heading\">INSTAGRAM FEED WITH CAPTION &amp; LIKES<\/h1>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Show your Instagram&nbsp;feed with likes and comment count. You can also show caption of your feed<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">\t<style>\r\n\t.progress-button button {\r\n\t\tborder: 2px solid #1ECD97;\r\n\t\tcolor: #1ECD97\t}\r\n\t.progress-button button:hover {\r\n\t\tbackground-color: #1ECD97\t}\r\n\t.ri-grid ul li {\r\n\t\tmargin: 0\t}\r\n\t<\/style>\r\n\t\t<section class=\"main\">\r\n\t<!-- begin loader -->\r\n\t\t<div class=\"alw-pre-loader folding\">\r\n\t\t\t<div class=\"sk-cube1 sk-cube\"><\/div>\r\n\t\t\t<div class=\"sk-cube2 sk-cube\"><\/div>\r\n\t\t\t<div class=\"sk-cube4 sk-cube\"><\/div>\r\n\t\t\t<div class=\"sk-cube3 sk-cube\"><\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"ri-grid-253\" class=\"ri-grid ri-grid-size-2\" style=\"display:none;\">\r\n\t\t\t<ul>\r\n\t\t\tSorry! No image gallery found.:[ALW id=253]\t\t\t<\/ul>\r\n\t\t<\/div>\r\n\t<\/section>\r\n<script type=\"text\/javascript\">\t\r\njQuery(window).load(function() {\r\n\t\/\/ show gallery after page load and hide loader\r\n\tjQuery('.alw-pre-loader').hide();\r\n\tjQuery('.ri-grid').show();\r\n\tjQuery( '#ri-grid-253' ).gridrotator( {\r\n\t\t\/\/ number of columns & rows \r\n\t\trows : 4, columns : 6,\r\n\t\tw1024 : { rows : 4, columns : 4 },\r\n\t\tw768 : {rows : 4,columns : 4 },\r\n\t\tw480 : {rows : 4,columns : 3 },\r\n\t\tw320 : {rows : 4,columns : 3 },\r\n\t\tw240 : {rows : 4,columns : 3 },\r\n\t\t\/\/ step: number of items that are replaced at the same time\r\n\t\t\/\/ random || [some number]\r\n\t\t\/\/ note: for performance issues, the number \"can't\" be > options.maxStep\r\n\t\tstep : 'random',\r\n\t\t\/\/ change it as you wish..\r\n\t\tmaxStep : 3,\r\n\t\t\/\/ prevent user to click the items\r\n\t\tpreventClick : false,\r\n\t\t\/\/ animation type\r\n\t\t\/\/ showHide || fadeInOut || \r\n\t\t\/\/ slideLeft || slideRight || slideTop || slideBottom || \r\n\t\t\/\/ rotateBottom || rotateLeft || rotateRight || rotateTop || \r\n\t\t\/\/ scale ||\r\n\t\t\/\/ rotate3d ||\r\n\t\t\/\/ rotateLeftScale || rotateRightScale || rotateTopScale || rotateBottomScale || \r\n\t\t\/\/ random\r\n\t\tanimType : 'random',\r\n\t\t\/\/ animation speed\r\n\t\tanimSpeed : 700, \/\/ 100 to 3000\r\n\t\t\/\/ animation easings\r\n\t\tanimEasingOut : 'linear',\r\n\t\tanimEasingIn: 'linear',\r\n\t\t\/\/ the item(s) will be replaced every 3 seconds\r\n\t\t\/\/ note: for performance issues, the time \"can't\" be < 300 ms\r\n\t\tinterval : 1200, \/\/100 to 3000\r\n\t\t\/\/ if false the animations will not start\r\n\t\t\/\/ use false if onhover is true for example\r\n\t\tslideshow\t\t: false,\r\n\t\t\/\/ if true the items will switch when hovered\r\n\t\tonhover : false,\r\n\t\t\/\/ ids of elements that shouldn't change\r\n\t\tnochange : [] \/\/ \r\n\t} );\r\n\t\r\n\t\t\/\/ lightbox\r\n\tjQuery(\".pw-lightbox\").colorbox({\r\n\t\trel:'pw-lightbox',\r\n\t});\t\r\n\tjQuery(\".youtube\").colorbox({iframe:true, innerWidth:640, innerHeight:390});\r\n\tjQuery(\".vemio\").colorbox({iframe:true, innerWidth:640, innerHeight:390});\r\n\t});\r\n<\/script><\/p>\n\n\n\n<h1 class=\"has-text-align-center wp-block-heading\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"512\" class=\"wp-image-189\" style=\"width: 67px; display: inline-block;\" src=\"https:\/\/awplife.com\/demo\/animated-live-wall-premium\/wp-content\/uploads\/sites\/66\/2019\/02\/Instagram_icon.png\" alt=\"\" srcset=\"https:\/\/awplife.com\/demo\/animated-live-wall-premium\/wp-content\/uploads\/sites\/66\/2019\/02\/Instagram_icon.png 512w, https:\/\/awplife.com\/demo\/animated-live-wall-premium\/wp-content\/uploads\/sites\/66\/2019\/02\/Instagram_icon-150x150.png 150w, https:\/\/awplife.com\/demo\/animated-live-wall-premium\/wp-content\/uploads\/sites\/66\/2019\/02\/Instagram_icon-300x300.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/h1>\n\n\n\n<h1 class=\"has-text-align-center wp-block-heading\">INSTAGRAM FEED WITH ICON<\/h1>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Show your Instagram&nbsp;feed with a beautiful icon of Instagram<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">\t<style>\r\n\t.progress-button button {\r\n\t\tborder: 2px solid #1ECD97;\r\n\t\tcolor: #1ECD97\t}\r\n\t.progress-button button:hover {\r\n\t\tbackground-color: #1ECD97\t}\r\n\t.ri-grid ul li {\r\n\t\tmargin: 0\t}\r\n\t<\/style>\r\n\t\t<section class=\"main\">\r\n\t<!-- begin loader -->\r\n\t\t<div class=\"alw-pre-loader folding\">\r\n\t\t\t<div class=\"sk-cube1 sk-cube\"><\/div>\r\n\t\t\t<div class=\"sk-cube2 sk-cube\"><\/div>\r\n\t\t\t<div class=\"sk-cube4 sk-cube\"><\/div>\r\n\t\t\t<div class=\"sk-cube3 sk-cube\"><\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"ri-grid-254\" class=\"ri-grid ri-grid-size-2\" style=\"display:none;\">\r\n\t\t\t<ul>\r\n\t\t\tSorry! No image gallery found.:[ALW id=254]\t\t\t<\/ul>\r\n\t\t<\/div>\r\n\t<\/section>\r\n<script type=\"text\/javascript\">\t\r\njQuery(window).load(function() {\r\n\t\/\/ show gallery after page load and hide loader\r\n\tjQuery('.alw-pre-loader').hide();\r\n\tjQuery('.ri-grid').show();\r\n\tjQuery( '#ri-grid-254' ).gridrotator( {\r\n\t\t\/\/ number of columns & rows \r\n\t\trows : 4, columns : 3,\r\n\t\tw1024 : { rows : 4, columns : 4 },\r\n\t\tw768 : {rows : 4,columns : 4 },\r\n\t\tw480 : {rows : 4,columns : 3 },\r\n\t\tw320 : {rows : 4,columns : 3 },\r\n\t\tw240 : {rows : 4,columns : 3 },\r\n\t\t\/\/ step: number of items that are replaced at the same time\r\n\t\t\/\/ random || [some number]\r\n\t\t\/\/ note: for performance issues, the number \"can't\" be > options.maxStep\r\n\t\tstep : 'random',\r\n\t\t\/\/ change it as you wish..\r\n\t\tmaxStep : 3,\r\n\t\t\/\/ prevent user to click the items\r\n\t\tpreventClick : false,\r\n\t\t\/\/ animation type\r\n\t\t\/\/ showHide || fadeInOut || \r\n\t\t\/\/ slideLeft || slideRight || slideTop || slideBottom || \r\n\t\t\/\/ rotateBottom || rotateLeft || rotateRight || rotateTop || \r\n\t\t\/\/ scale ||\r\n\t\t\/\/ rotate3d ||\r\n\t\t\/\/ rotateLeftScale || rotateRightScale || rotateTopScale || rotateBottomScale || \r\n\t\t\/\/ random\r\n\t\tanimType : 'random',\r\n\t\t\/\/ animation speed\r\n\t\tanimSpeed : 700, \/\/ 100 to 3000\r\n\t\t\/\/ animation easings\r\n\t\tanimEasingOut : 'linear',\r\n\t\tanimEasingIn: 'linear',\r\n\t\t\/\/ the item(s) will be replaced every 3 seconds\r\n\t\t\/\/ note: for performance issues, the time \"can't\" be < 300 ms\r\n\t\tinterval : 1200, \/\/100 to 3000\r\n\t\t\/\/ if false the animations will not start\r\n\t\t\/\/ use false if onhover is true for example\r\n\t\tslideshow\t\t: false,\r\n\t\t\/\/ if true the items will switch when hovered\r\n\t\tonhover : false,\r\n\t\t\/\/ ids of elements that shouldn't change\r\n\t\tnochange : [] \/\/ \r\n\t} );\r\n\t\r\n\t\t\/\/ lightbox\r\n\tjQuery(\".pw-lightbox\").colorbox({\r\n\t\trel:'pw-lightbox',\r\n\t});\t\r\n\tjQuery(\".youtube\").colorbox({iframe:true, innerWidth:640, innerHeight:390});\r\n\tjQuery(\".vemio\").colorbox({iframe:true, innerWidth:640, innerHeight:390});\r\n\t});\r\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>INSTAGRAM FEED WITH CAPTION &amp; LIKES Show your Instagram&nbsp;feed with likes and comment count. You can also show caption of your feed INSTAGRAM FEED WITH ICON Show your Instagram&nbsp;feed with a beautiful icon of Instagram<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-339","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/awplife.com\/demo\/animated-live-wall-premium\/wp-json\/wp\/v2\/pages\/339","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/awplife.com\/demo\/animated-live-wall-premium\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/awplife.com\/demo\/animated-live-wall-premium\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/animated-live-wall-premium\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/animated-live-wall-premium\/wp-json\/wp\/v2\/comments?post=339"}],"version-history":[{"count":12,"href":"https:\/\/awplife.com\/demo\/animated-live-wall-premium\/wp-json\/wp\/v2\/pages\/339\/revisions"}],"predecessor-version":[{"id":379,"href":"https:\/\/awplife.com\/demo\/animated-live-wall-premium\/wp-json\/wp\/v2\/pages\/339\/revisions\/379"}],"wp:attachment":[{"href":"https:\/\/awplife.com\/demo\/animated-live-wall-premium\/wp-json\/wp\/v2\/media?parent=339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}