Follow the below steps to embed Lazy Load Script in Blogger :
2. Sign in with your Blogger account
3. Go to Dashboard than Design
4. Open Edit HTML
5. Click download template so that you have a backup for that template.
6. Now click ctrl + f to open the search feature
7. Search for </body> tag
8. Now paste the below <script> right above </body> tag.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
<script src='https://sites.google.com/site/merciblogger/jquery.lazyload.mini.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery('img').lazyload({
effect:"fadeIn",
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Wh8RzYT46B4rBcYT3imKRWNzc7hoLfhW76Zhgep_ZrP9JbEzMfTtgYbgFxKPravS9dO7h9yyGbW_bS-pozmOJkVDLtXRN8ywL1oWb3uCX3gSXLqlXlU4d32pzPTT7AFnMgjHmhx84-o/"});
});
</script>
No comments:
Post a Comment