Add YouTube Style Premium Stylish Progress Loading Bar In Blogger

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:-





  1. Open Blogger > Template > Edit HTML.
  2. 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 Add YouTube Style Premium Stylish Progress Loading Bar In Blogger Reviewed by FreeSV on 4:44:00 PM Rating: 5

No comments:

Powered by Blogger.