How To Exclude/Remove Sidebar Or Any Other Part Of Blog From Lazy Load Plugin

Hi Friends, Some days ago I wrote one article about how to add lazy loading to wordpress (Page Fading Like Mashable) in which I have explained about one plugin by which we can add page/image fading like Mashable. After adding this plugin to site it will work perfectly on whole page of our site, in which it fades whole page of site and also fade all images exists on that page but sometime what happens it didn’t replace all images perfectly on sidebar and also not fade logo perfectly. So sometimes we need to remove/exclude some part of our website from fading. So below are the steps when you want to exclude some parts of page from fading.

1. First to do this we have to edit plugin file, So please take backup first before change that plugin file.

2. Activate plugin.

3. Go to Plugins->Editor.

4. Select “jQuery lazy load plugin” from “Select plugin to edit:” drop down menu and click Select.

5. By default it will open jq_img_lazy_load.php file. So search below code in this file.

jQuery("img").lazyload({

6. Now this code is to use fade all images exists on page. Now if just for example I want to apply fade plugin on only my content part, not on sidebars and also not on header and footer part, So first I have to find id of my content part, Now on my website my div is of content part, So my id is ‘post-blog’ , So to exclude sidebar, header and footer I will replace above code with code given below.

jQuery("#post-blog img").lazyload({

7. After replacing this code save file and it will just fade only content part on my site not sidebar,footer,header part.

By this way you can Exclude/Remove Sidebar Or Any Other Part Of Blog.