HOW TO MAKE LOADING ICON ON SEARCH PAGE

This is how to make loading icon on search page (Search Result). Its showing loader icon as a loading screen. This CSS code work on any site also on Blogger of course. And it will work only if you are using a single page for search's page. If you are using ajax search page which is shows pop-up windows for search result, it won't work.

HOW TO MAKE LOADING ICON ON SEARCH PAGE

Put this CSS code before </head> tag, because it using conditional tags:

<b:if cond='data:blog.url == &quot;http://yourblog.blogspot.com/p/search.html&quot;'>
<style type='text/css'>
.post-body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinbcK76w3lQ3zbWTuidvHVkepfQlhooLjgODtwbAw0tkp86EBEdUxA1TF88eW7uL3HNoJ3HziwpkqxZMzabaKWJoKshM1XKbOthma7nnj8wcmUj-DyoSN80WMj1UJ2ljzy3X1Euasxgz4/w220-h19-no/ajax-loader+%25281%2529.gif)50% 10% no-repeat!important;padding:20px 0;margin:0}
#gcsengine{margin-top:-30px}
</style>
</b:if>

CHANGEABLE:

1. http://yourblog.blogspot.com/p/search.html --► to your exact Search's Page.
2. The image can be changed as the ajax loader icon, use image.gif for a better result.