Now a days so many bloggers want to make their blog something different form others or to make unique among all blogs. if you are also thinking in the same manner then you came to right place. Now in this post I am going to explain how to add animated loading effect whenever user click on the link or another post link.
It takes less loading time and it also makes the visitors to stay for more longer time. It also brings user an awesome feature in which they will never see such awesome feature. By adding this you will see the live experience of animated effect. ok I don’t want to waste your time. Just follow some simple steps.
- First Login to the blogger account.
- Click on Dashboard
- Click on template at the right side tab
- Clcik on Edit HTML .
- Press ctrl + Fand search </body> in your blog template
Finally Add the code just above the </body> Section.
<style>
#tbt-page-loader {
position: fixed!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcu5s_c0ZTxWL_YSEvs9Wb8EBiYj4Cj7DHrmqWXzw8RmHDa0K8rn5qVmNWjhzaOAN5jMRjMXiD_8vX7xRpKs43iO503GD1cxcqcxoz9qyt5ZhuKgxOIAJU5AdytPIQobHHYgzG0YCUbohM/s1600/loading+trickszoo.gif') no-repeat 50% 30%;
color: #FFF;
display: none;
font: 0/0 a;
text-shadow: none;
padding: 1em 1.2em;
}
</style>
click on save template.
that's it your blog will be loaded with the animated loading effect with awasomeness and make visitors not leave your blog by seeing the loading effect.
