Use your blogspot blog page loading bounce effect

It's a very funny thing, it's a bounce effect loading pages using the blog can give a new shape. When a visitor visits the blog to blog a little bit of time it takes to load at the time of this great bounce effect will appear in front of the visitor. That's how you Blogger Blogspot how to use it.

Blogspot blog page loading bounce effect should be used?

1. Go To Blogger > Template
2. Click Edit HTML
3. Search for </head>
4. Just above it paste the following CSS code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="https://cdn.rawgit.com/Brando07/share/newbe/new-seocips-LP.js" type="text/javascript"></script>
<style>
#load-page-seocips { background-color:#00CCFF; width:100%; height:100%; position:fixed; left:0; top:0; z-index:+100000; }
.dots-container { padding:0; position:absolute; text-align:center; top:50%; width:100%; }
.dots { -webkit-animation:bounce 1.5s infinite linear; animation:bounce 1.5s infinite linear; background:#FFF; border-radius:50%; display:inline-block; height:20px; text-align:center; width:20px; }
.dots:nth-child(1) { -webkit-animation-delay:.2s; animation-delay:.2s; }
.dots:nth-child(2) { -webkit-animation-delay:.4s; animation-delay:.4s; }
.dots:nth-child(3) { -webkit-animation-delay:.6s; animation-delay:.6s; }
.dots:nth-child(4) { -webkit-animation-delay:.8s; animation-delay:.8s; }
.dots:nth-child(5) { -webkit-animation-delay:1s; animation-delay:1s; }
@-webkit-keyframes bounce {
    0% { -webkit-transform:translateY(0); } 15% { -webkit-transform:translateY(-15px); } 30% { -webkit-transform:translateY(0); }
}
@keyframes bounce {
    0% { transform:translateY(0); } 15% { transform:translateY(-15px); } 30% { transform:translateY(0); }
}
</style>

The same way </ body> search above or before the code below and paste Rose.

Check all the way to the top when you finish, click Save Template and check to see if your blog is working correctly. Hopefully, they will not work if the above rules do not work correctly.

If you like this post, please share it with friends on social media, to comment. According to the comments if any problem.

• Tweet
• Share
• Share
• Share
• Share