Today We will share an tutoril on how you can add youtube like progress bar on blogger.It is very nice,premium widget. I have tested this on Blogger and it works fine. So possibly it will work great on WordPress websites too
So Here We Go:-
So Here We Go:-
- Open Blogger > Template > Edit HTML.
- Press Ctrl + F & search for </body>tag & paste below code above it.
<style>#nprogress{pointer-events:none}#nprogress .bar{background:#29d;height:2px;left:0;position:fixed;top:0;width:100%;z-index:100}#nprogress .peg{-ms-transform:rotate(3deg) translate(0px,-4px);-webkit-transform:rotate(3deg) translate(0px,-4px);box-shadow:0 0 10px #29d, 0 0 5px #29d;display:block;height:100%;opacity:1.0;position:absolute;right:0;transform:rotate(3deg) translate(0px,-4px);width:100px}#nprogress .spinner{display:block;position:fixed;right:15px;top:15px;z-index:100}#nprogress .spinner-icon{-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite;border:solid 2px transparent;border-left-color:#29d;border-radius:50%;border-top-color:#29d;box-sizing:border-box;height:18px;width:18px}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.photo{display:none}</style><div id=’loadMore’/><script src=’//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js’/><script src=’http://goo.gl/10Okof’/>
- Now hit Save Template & you are done, now just refresh your blog and see this awesome loading effect.
Add YouTube Style Premium Stylish Progress Loading Bar In Blogger
Reviewed by FreeSV
on
4:44:00 PM
Rating:
No comments: