{"id":39,"date":"2014-11-11T03:13:51","date_gmt":"2014-11-11T03:13:51","guid":{"rendered":"http:\/\/engorgio.webtemplatemasters.com\/?page_id=39"},"modified":"2015-09-18T10:32:15","modified_gmt":"2015-09-18T10:32:15","slug":"blog-masonry-with-sidebar","status":"publish","type":"page","link":"https:\/\/webtemplatemasters.com\/engorgio\/blog\/blog-masonry-with-sidebar\/","title":{"rendered":"Blog Masonry with Sidebar"},"content":{"rendered":"      \n<div class=\"\">\n\n    <div id=\"post-area\" class=\"masonry col-2\" style=\"opacity: 0;\">\n\t        \n                <article class=\"post-item\">\n\n                    <div class=\"entry-body\">\n\n                        <div class=\"entry-media\">\n\n                            \n<script type=\"text\/javascript\">\n\n    jQuery(document).ready(function() {\n\n        jQuery('#theme_makers_accordion_69e5cedfb7bc1').accordion({\n            duration: 700,\n            childClassName: \".slide_69e5cedfb7bc1\",\n            captionClassName: '.caption',\n            videoClassName: '.grid_video',\n            SliderWidth: \"100%\",\n            SliderHeight: \"540px\",\n            ImageWidth: 600,\n            ImageHeight: 400,\n            distance: 2,\n            distanse_init: 2,\n            event: \"hover\", \/\/ hover click\n            easing: \"quadEaseOut\", \/\/quadEaseOut backEaseIn backEaseOut circEaseIn circEaseOut sineEaseIn\n            CaptionEasing: \"quadEaseOut\", \/\/quadEaseOut backEaseOut\n            CaptionAnimation: \"pop-UpTop\", \/\/ pop-up opacity rotate pop-UpTop pop-UpLeft pop-UpRight pop-UpBottom\n            CaptionDuration: 900,\n            CaptionDelay: 100,\n            CaptionTop: 0,\n            CaptionLeft: 0,\n            slideshow: false,\/\/-\n            RunSliderOnHover: false,\n            SlideshowRandom: false,\/\/-\n            PauseOnHover: false,\/\/-\n            delay: 2000,\n            columns: 3,\n            PaddingLR: 0,\n            SliderOpacity: 0, \/\/ false or value\n            TrimSlider: 0,\/\/-\n            ZoomHeight: false, \/\/!\n            alignType: \"CenterCenter\" \/\/ LeftTop, CenterTop, TopRight, LeftCenter, CenterCenter, RightCenter, LeftBottom, BottomCenter, RightBottom\n\n        });\n\n    });\n\n<\/script>\n<div class=\"theme_makers_accordion\">\n    \n    <div class=\"grid-slider-loading\">\n        <div class=\"tmm_loading\">\n            <div class=\"circleG circleG_1\"><\/div>\n            <div class=\"circleG circleG_2\"><\/div>\n            <div class=\"circleG circleG_3\"><\/div>\n        <\/div>\n    <\/div>\n    \n    <div id=\"theme_makers_accordion_69e5cedfb7bc1\" style=\"opacity: 0\">\n    \t\t\t\n        \n            <div class='slide slide_69e5cedfb7bc1'   style=\"background-image:url(' http:\/\/webtemplatemasters.com\/engorgio\/wp-content\/uploads\/2015\/05\/blog-03-600x400.jpg ')\">\n\n                       \n                        <\/div>\n            \n            <div class='slide slide_69e5cedfb7bc1'   style=\"background-image:url(' http:\/\/webtemplatemasters.com\/engorgio\/wp-content\/uploads\/2015\/05\/blog-02-600x400.jpg ')\">\n\n                       \n                        <\/div>\n            \n            <div class='slide slide_69e5cedfb7bc1'   style=\"background-image:url(' http:\/\/webtemplatemasters.com\/engorgio\/wp-content\/uploads\/2015\/05\/blog-01-600x400.jpg ')\">\n\n                       \n                        <\/div>\n            \n            <div class='slide slide_69e5cedfb7bc1'   style=\"background-image:url(' http:\/\/webtemplatemasters.com\/engorgio\/wp-content\/uploads\/2015\/05\/slider-parallax-01-600x400.jpg ')\">\n\n                       \n                        <\/div>\n            \n            <div class='slide slide_69e5cedfb7bc1'   style=\"background-image:url(' http:\/\/webtemplatemasters.com\/engorgio\/wp-content\/uploads\/2015\/05\/latest-blog-2-600x400.jpg ')\">\n\n                       \n                        <\/div>\n            \n            <div class='slide slide_69e5cedfb7bc1'   style=\"background-image:url(' http:\/\/webtemplatemasters.com\/engorgio\/wp-content\/uploads\/2015\/05\/shop-10-600x400.jpg ')\">\n\n                       \n                        <\/div>\n            \n    <\/div>\n<\/div>\n\n\n                        <\/div><!--\/ .entry-media-->\n\n                        \n                            <h4 class=\"entry-title\">\n                                    <a href=\"https:\/\/webtemplatemasters.com\/engorgio\/cross-gallery-post\/\">Cross Gallery Post<\/a>\n                            <\/h4><!--\/ .entry-title-->\n\n                            <div class=\"post-meta clearfix\">\n                                <a class=\"post-format-type\" href=\"https:\/\/webtemplatemasters.com\/engorgio\/cross-gallery-post\/\"><span class=\"post-format gallery-icon\"><\/span><\/a>\n                                <span class=\"entry-date\"><a href=\"https:\/\/webtemplatemasters.com\/engorgio\/2014\/11\">May 15, 2015<\/a><\/span>\n                                <span><a href=\"https:\/\/webtemplatemasters.com\/engorgio\/cross-gallery-post\/#comments\">0 Comments<\/a><\/span>\n                            <\/div><!--\/ .entry-meta-->\n\n                            <p>\n                                Quae explicabo aspernatur, elit nec laborum laudantium integer vulputate pede facere aptent donec arcu bibendum expedita condimentum? Vel, egestas interdum elementum? Vero animi. Est, semper? Diamlorem recusandae. Phasel ...                            <\/p>\n                        \n                        <footer class=\"post-footer clearfix\">\n\n                            <a href=\"https:\/\/webtemplatemasters.com\/engorgio\/cross-gallery-post\/\" class=\"button\">Read More<\/a>\n\n                            <div class=\"share-entry\">\n\n                                                                <a data-post_id=\"769\" class=\"social-like no_vote\" href=\"#\"><span class=\"count\">2<\/span><\/a>\n\n                                <div class=\"side-share\">\n                                    <ul class=\"social-icons style-square\"><li class=\"share-button twitter\"><a href=\"https:\/\/twitter.com\/home?status=Cross+Gallery+Post+https%3A%2F%2Fwebtemplatemasters.com%2Fengorgio%2Fcross-gallery-post%2F\" class=\"share-button twitter\" target=\"_blank\" title=\"Twitter\"><span class=\"assistive-text\">Twitter<\/span><span class=\"share-content\">tweet<\/span><\/a><\/li><li class=\"share-button facebook\"><a href=\"https:\/\/www.facebook.com\/sharer.php?s=100&#038;p%5Burl%5D=https:\/\/webtemplatemasters.com\/engorgio\/cross-gallery-post\/&#038;p%5Btitle%5D=Cross+Gallery+Post\" class=\"share-button facebook\" target=\"_blank\" title=\"Facebook\"><span class=\"assistive-text\">Facebook<\/span><span class=\"share-content\">share<\/span><\/a><\/li><li class=\"share-button gplus\"><a href=\"https:\/\/plus.google.com\/share?url=https:\/\/webtemplatemasters.com\/engorgio\/cross-gallery-post\/&#038;title=Cross+Gallery+Post\" class=\"share-button gplus\" target=\"_blank\" title=\"Google+\"><span class=\"assistive-text\">Google+<\/span><span class=\"share-content\">share<\/span><\/a><\/li><li class=\"share-button pinterest\"><a href=\"\/\/pinterest.com\/pin\/create\/button\/\" class=\"share-button pinterest\" target=\"_blank\" title=\"Pinterest\" data-pin-config=\"above\" data-pin-do=\"buttonBookmark\"><span class=\"assistive-text\">Pinterest<\/span><span class=\"share-content\">pin it<\/span><\/a><\/li><\/ul><div class=\"social-share\"><span>share<\/span><\/div>                                <\/div><!--\/ .side-share-->\n\n                            <\/div><!--\/ .share-entry-->\n\n                        <\/footer><!--\/ .post-footer-->\n\n                    <\/div><!--\/ .work-item-->\n\n                <\/article><!--\/ .box-->\n\n            \n                <article class=\"post-item\">\n\n                    <div class=\"entry-body\">\n\n                        <div class=\"entry-media\">\n\n                            \n<div class=\"video_wrapper\" style=\"height: 100%; display:none;\">\n\n            \n            <video poster=\"http:\/\/webtemplatemasters.com\/engorgio\/wp-content\/uploads\/2015\/05\/shop-10-cover.jpg\" controls=\"controls\"  >\n                <source type=\"video\/mp4\" src=\"http:\/\/webtemplatemasters.com\/engorgio\/wp-content\/uploads\/2015\/05\/videohive.mp4\" \/>\n            <\/video>\n           \n        \n<\/div>\n                        <\/div><!--\/ .entry-media-->\n\n                        \n                            <h4 class=\"entry-title\">\n                                    <a href=\"https:\/\/webtemplatemasters.com\/engorgio\/post-with-self-hosted-video\/\">Post with Self Hosted Video<\/a>\n                            <\/h4><!--\/ .entry-title-->\n\n                            <div class=\"post-meta clearfix\">\n                                <a class=\"post-format-type\" href=\"https:\/\/webtemplatemasters.com\/engorgio\/post-with-self-hosted-video\/\"><span class=\"post-format video-icon\"><\/span><\/a>\n                                <span class=\"entry-date\"><a href=\"https:\/\/webtemplatemasters.com\/engorgio\/2014\/11\">Nov 09, 2014<\/a><\/span>\n                                <span><a href=\"https:\/\/webtemplatemasters.com\/engorgio\/post-with-self-hosted-video\/#comments\">0 Comments<\/a><\/span>\n                            <\/div><!--\/ .entry-meta-->\n\n                            <p>\n                                Quae explicabo aspernatur, elit nec laborum laudantium integer vulputate pede facere aptent donec arcu bibendum expedita condimentum? Vel, egestas interdum elementum? Vero animi. Est, semper? Diamlorem recusandae. Phasel ...                            <\/p>\n                        \n                        <footer class=\"post-footer clearfix\">\n\n                            <a href=\"https:\/\/webtemplatemasters.com\/engorgio\/post-with-self-hosted-video\/\" class=\"button\">Read More<\/a>\n\n                            <div class=\"share-entry\">\n\n                                                                <a data-post_id=\"34\" class=\"social-like no_vote\" href=\"#\"><span class=\"count\">3<\/span><\/a>\n\n                                <div class=\"side-share\">\n                                    <ul class=\"social-icons style-square\"><li class=\"share-button twitter\"><a href=\"https:\/\/twitter.com\/home?status=Post+with+Self+Hosted+Video+https%3A%2F%2Fwebtemplatemasters.com%2Fengorgio%2Fpost-with-self-hosted-video%2F\" class=\"share-button twitter\" target=\"_blank\" title=\"Twitter\"><span class=\"assistive-text\">Twitter<\/span><span class=\"share-content\">tweet<\/span><\/a><\/li><li class=\"share-button facebook\"><a href=\"https:\/\/www.facebook.com\/sharer.php?s=100&#038;p%5Burl%5D=https:\/\/webtemplatemasters.com\/engorgio\/post-with-self-hosted-video\/&#038;p%5Btitle%5D=Post+with+Self+Hosted+Video\" class=\"share-button facebook\" target=\"_blank\" title=\"Facebook\"><span class=\"assistive-text\">Facebook<\/span><span class=\"share-content\">share<\/span><\/a><\/li><li class=\"share-button gplus\"><a href=\"https:\/\/plus.google.com\/share?url=https:\/\/webtemplatemasters.com\/engorgio\/post-with-self-hosted-video\/&#038;title=Post+with+Self+Hosted+Video\" class=\"share-button gplus\" target=\"_blank\" title=\"Google+\"><span class=\"assistive-text\">Google+<\/span><span class=\"share-content\">share<\/span><\/a><\/li><li class=\"share-button pinterest\"><a href=\"\/\/pinterest.com\/pin\/create\/button\/\" class=\"share-button pinterest\" target=\"_blank\" title=\"Pinterest\" data-pin-config=\"above\" data-pin-do=\"buttonBookmark\"><span class=\"assistive-text\">Pinterest<\/span><span class=\"share-content\">pin it<\/span><\/a><\/li><\/ul><div class=\"social-share\"><span>share<\/span><\/div>                                <\/div><!--\/ .side-share-->\n\n                            <\/div><!--\/ .share-entry-->\n\n                        <\/footer><!--\/ .post-footer-->\n\n                    <\/div><!--\/ .work-item-->\n\n                <\/article><!--\/ .box-->\n\n            \n                <article class=\"post-item\">\n\n                    <div class=\"entry-body\">\n\n                        <div class=\"entry-media\">\n\n                            <div class=\"quote-inner\">\n\t\t\t<blockquote class=\"quote-text \"> <p>Mi ullamco vulputate illum qui. Auctor, enim nisi, tempore neque dictum curabitur molestiae? Consequuntur illum quidem sit quam ornare ultricies! Libero voluptatem ratione atque ex quo praesent sagittis, maiores dolorem officiis, doloribus necessitatibus pellentesque!<\/p><\/blockquote>\t\t<div class=\"quote-meta\">\n\t\t\t<div class=\"quote-author\"><a href=\"http:\/\/webtemplatemasters.com\/\" title=\"Visit Alex Cooper&#8217;s website\" rel=\"author external\">Alex Cooper<\/a><\/div>\n\t\t<\/div>\n\t<\/div>\n                        <\/div><!--\/ .entry-media-->\n\n                        \n                        <footer class=\"post-footer clearfix\">\n\n                            <a href=\"https:\/\/webtemplatemasters.com\/engorgio\/post-with-quote\/\" class=\"button\">Read More<\/a>\n\n                            <div class=\"share-entry\">\n\n                                                                <a data-post_id=\"31\" class=\"social-like no_vote\" href=\"#\"><span class=\"count\">3<\/span><\/a>\n\n                                <div class=\"side-share\">\n                                    <ul class=\"social-icons style-square\"><li class=\"share-button twitter\"><a href=\"https:\/\/twitter.com\/home?status=Post+with+Quote+https%3A%2F%2Fwebtemplatemasters.com%2Fengorgio%2Fpost-with-quote%2F\" class=\"share-button twitter\" target=\"_blank\" title=\"Twitter\"><span class=\"assistive-text\">Twitter<\/span><span class=\"share-content\">tweet<\/span><\/a><\/li><li class=\"share-button facebook\"><a href=\"https:\/\/www.facebook.com\/sharer.php?s=100&#038;p%5Burl%5D=https:\/\/webtemplatemasters.com\/engorgio\/post-with-quote\/&#038;p%5Btitle%5D=Post+with+Quote\" class=\"share-button facebook\" target=\"_blank\" title=\"Facebook\"><span class=\"assistive-text\">Facebook<\/span><span class=\"share-content\">share<\/span><\/a><\/li><li class=\"share-button gplus\"><a href=\"https:\/\/plus.google.com\/share?url=https:\/\/webtemplatemasters.com\/engorgio\/post-with-quote\/&#038;title=Post+with+Quote\" class=\"share-button gplus\" target=\"_blank\" title=\"Google+\"><span class=\"assistive-text\">Google+<\/span><span class=\"share-content\">share<\/span><\/a><\/li><li class=\"share-button pinterest\"><a href=\"\/\/pinterest.com\/pin\/create\/button\/\" class=\"share-button pinterest\" target=\"_blank\" title=\"Pinterest\" data-pin-config=\"above\" data-pin-do=\"buttonBookmark\"><span class=\"assistive-text\">Pinterest<\/span><span class=\"share-content\">pin it<\/span><\/a><\/li><\/ul><div class=\"social-share\"><span>share<\/span><\/div>                                <\/div><!--\/ .side-share-->\n\n                            <\/div><!--\/ .share-entry-->\n\n                        <\/footer><!--\/ .post-footer-->\n\n                    <\/div><!--\/ .work-item-->\n\n                <\/article><!--\/ .box-->\n\n                        <div id=\"masonryjaxloader\" data-buttons=\"twitter,facebook,google+,pinterest\" data-category=\"0\" data-page-load=\"2\" data-posts-per-load=\"3\" data-posts=\"3,4,5,\"><\/div>\n        \n    <\/div><!--\/ #masonry-->\n\n<\/div><!--\/ .col-xs-12-->\n\n<div class=\"infscr-loading\">\n    <div class=\"tmm_loading\">\n        <div class=\"circleG circleG_1\"><\/div>\n        <div class=\"circleG circleG_2\"><\/div>\n        <div class=\"circleG circleG_3\"><\/div>\n    <\/div>\n<\/div>\n\n<div class=\"clear\"><\/div>\n\n    <div class=\"masonry-paging\">\n        <a href=\"#\" data-loadbyscroll=\"1\" class=\"masonry_view_more_button\">More<\/a>\n    <\/div>\n\n\n\n\t<script type=\"text\/javascript\">\tvar IE8 = false;<\/script>\n\t<!--[if IE 8]><script type=\"text\/javascript\">IE8 = true;<\/script><![endif]-->\n\n\t<script type=\"text\/javascript\">\n\t\tjQuery(function() {\n\t\t\tjQuery(\"#post-area\").imagesLoaded(function() {\t\t\t\t\n\t\t\t\tjQuery(\"#post-area\").init_masonry(2, 1);\n\t\t\t});\n\t\t});\n\t<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":15,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webtemplatemasters.com\/engorgio\/wp-json\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webtemplatemasters.com\/engorgio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webtemplatemasters.com\/engorgio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webtemplatemasters.com\/engorgio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webtemplatemasters.com\/engorgio\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":5,"href":"https:\/\/webtemplatemasters.com\/engorgio\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":824,"href":"https:\/\/webtemplatemasters.com\/engorgio\/wp-json\/wp\/v2\/pages\/39\/revisions\/824"}],"up":[{"embeddable":true,"href":"https:\/\/webtemplatemasters.com\/engorgio\/wp-json\/wp\/v2\/pages\/15"}],"wp:attachment":[{"href":"https:\/\/webtemplatemasters.com\/engorgio\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}