How to Show Download Nano Bar in Browser For Blogger

How to Show Download Nano Bar in Browser For Blogger

Go to download
#1


 

Today we brought you a beautiful, simple and light addition to your template codes, unlike similar additions, which are Nano Bar, or through its name you know that it is a bar. It is already a download bar

About the addition

The addition is simply when entering the site or reloading a page from its pages, the addition of the download bar will appear at the top of the page. After that, Google says that the site is slow 


Addition preview

You can view the addition here     preview

All you have to do is focus with the top of the page to show you the addition of the Nano Bar or the download bar

Add-on installation

To install the download bar add-on, you need to apply one step

Go to the blogger site 🠆 appearance 🠆 edit html 🠆 and search for/body Which you will find below the template 🠆 and put this code directly before it


 

    <script type='text/javascript'>
//<![CDATA[
/* Nano Bar by www.bloggerprince.net */
(function(_0x25fdd4,_0x32737c){var _0x28576d=_0x13d0,_0x5dc0f9=_0x25fdd4();while(!![]){try{var _0x1eca97=-parseInt(_0x28576d(0x133))/0x1*(-parseInt(_0x28576d(0x129))/0x2)+parseInt(_0x28576d(0x12e))/0x3+-parseInt(_0x28576d(0x131))/0x4+parseInt(_0x28576d(0x137))/0x5+-parseInt(_0x28576d(0x12c))/0x6*(parseInt(_0x28576d(0x134))/0x7)+-parseInt(_0x28576d(0x121))/0x8*(-parseInt(_0x28576d(0x11a))/0x9)+parseInt(_0x28576d(0x124))/0xa*(parseInt(_0x28576d(0x12f))/0xb);if(_0x1eca97===_0x32737c)break;else _0x5dc0f9['push'](_0x5dc0f9['shift']());}catch(_0x24396a){_0x5dc0f9['push'](_0x5dc0f9['shift']());}}}(_0x27ae,0xccee5));function _0x13d0(_0x4a2ae2,_0x20a018){var _0x27aeba=_0x27ae();return _0x13d0=function(_0x13d0cf,_0x36a3a3){_0x13d0cf=_0x13d0cf-0x119;var _0x5d2c12=_0x27aeba[_0x13d0cf];return _0x5d2c12;},_0x13d0(_0x4a2ae2,_0x20a018);}var Nanobar=(function(){var _0x31140e=_0x13d0,_0x266387,_0x38f643,_0x95a69d,_0x4a0d15,_0x482cc2,_0x2daca3,_0x45aad={'width':_0x31140e(0x11c),'height':'5px','zIndex':0x270f,'top':'0'},_0x80bc04={'width':0x0,'height':_0x31140e(0x11c),'clear':_0x31140e(0x136),'transition':'height\x20.7s'};return _0x266387=function(_0x1194fb,_0x59f90c){var _0x188a81=_0x31140e;for(var _0x91fdf2 in _0x59f90c)_0x1194fb[_0x188a81(0x128)][_0x91fdf2]=_0x59f90c[_0x91fdf2];_0x1194fb[_0x188a81(0x128)]['float']=_0x188a81(0x11f);},_0x4a0d15=function(){var _0x9004e7=_0x31140e,_0x2bf284=this,_0x330e79=this[_0x9004e7(0x11e)]-this[_0x9004e7(0x126)];0.1>_0x330e79&&-0.1<_0x330e79?(_0x482cc2[_0x9004e7(0x138)](this,this[_0x9004e7(0x126)]),this[_0x9004e7(0x132)]=!0x1,0x64==this['width']&&(this['el'][_0x9004e7(0x128)]['height']=0x0,setTimeout(function(){var _0x4ca2c6=_0x9004e7;_0x2bf284[_0x4ca2c6(0x119)]['el'][_0x4ca2c6(0x135)](_0x2bf284['el']);},0x64))):(_0x482cc2[_0x9004e7(0x138)](this,this[_0x9004e7(0x11e)]-_0x330e79/0x4),setTimeout(function(){_0x2bf284['go']();},0x10));},_0x482cc2=function(_0x23aa93){var _0x2aac46=_0x31140e;this[_0x2aac46(0x11e)]=_0x23aa93,this['el'][_0x2aac46(0x128)][_0x2aac46(0x11e)]=this[_0x2aac46(0x11e)]+'%';},_0x2daca3=function(){var _0x50b20e=_0x31140e,_0x148d78=new _0x38f643(this);this[_0x50b20e(0x127)][_0x50b20e(0x11d)](_0x148d78);},_0x38f643=function(_0x1e109b){var _0x4e0c60=_0x31140e;this['el']=document[_0x4e0c60(0x125)](_0x4e0c60(0x130)),this['el']['style']['backgroundColor']=_0x1e109b['opts']['bg'],this[_0x4e0c60(0x126)]=this[_0x4e0c60(0x11e)]=0x0,this['moving']=!0x1,this[_0x4e0c60(0x119)]=_0x1e109b,_0x266387(this['el'],_0x80bc04),_0x1e109b['el']['appendChild'](this['el']);},_0x38f643[_0x31140e(0x13a)]['go']=function(_0x2f4738){var _0xf9a929=_0x31140e;_0x2f4738?(this['here']=_0x2f4738,this[_0xf9a929(0x132)]||(this[_0xf9a929(0x132)]=!0x0,_0x4a0d15[_0xf9a929(0x138)](this))):this['moving']&&_0x4a0d15[_0xf9a929(0x138)](this);},_0x95a69d=function(_0x4010e0){var _0x2e675e=_0x31140e;_0x4010e0=this[_0x2e675e(0x12b)]=_0x4010e0||{};var _0x4c8dfb;_0x4010e0['bg']=_0x4010e0['bg']||'#FF8F00',this['bars']=[],_0x4c8dfb=this['el']=document['createElement']('div'),_0x266387(this['el'],_0x45aad),_0x4010e0['id']&&(_0x4c8dfb['id']=_0x4010e0['id']),_0x4c8dfb[_0x2e675e(0x128)][_0x2e675e(0x12a)]=_0x4010e0['target']?_0x2e675e(0x122):_0x2e675e(0x139),_0x4010e0[_0x2e675e(0x11b)]?_0x4010e0['target'][_0x2e675e(0x120)](_0x4c8dfb,_0x4010e0['target'][_0x2e675e(0x13b)]):document[_0x2e675e(0x12d)](_0x2e675e(0x123))[0x0]['appendChild'](_0x4c8dfb),_0x2daca3[_0x2e675e(0x138)](this);},_0x95a69d[_0x31140e(0x13a)]['go']=function(_0x415fee){this['bars'][0x0]['go'](_0x415fee),0x64==_0x415fee&&_0x2daca3['call'](this);},_0x95a69d;}()),nanobar=new Nanobar();nanobar['go'](0x1e),nanobar['go'](0x3c),nanobar['go'](0x64);function _0x27ae(){var _0x3e8d84=['position','opts','401010OiqGDX','getElementsByTagName','1016718vxCvAa','4287283YpXDoH','div','5425212BUMJBS','moving','8843TdvUMA','91WfuzaN','removeChild','both','2621050QvkQXL','call','fixed','prototype','firstChild','cont','500382kxStnr','target','100%','unshift','width','right','insertBefore','80JVmTgN','relative','body','10chiEEI','createElement','here','bars','style','284ECwhRS'];_0x27ae=function(){return _0x3e8d84;};return _0x27ae();}
//]]>
</script>


The mouse click effect will be added in the first with this color You can change it by searching for #f8f000 Then put in its place the color that suits you and comforts you

Thus, we have installed the Nano Bar add-on for Blogger blogs and customized it


This add-on is taken from a template Median UI He is owned by Malik Ihtsham Which you will find many additions, including an addition similar to today's addition, which is the addition of a reading progress bar for blogger blogs


If you like the explanation, do not forget to follow our website, as we will work hard to provide you with the best explanations in a simple and easy way.

If you encounter any problem, do not hesitate to contact us through the comments, the contact form, or via WhatsApp, who you will find, scroll down the list on the right with Telegram




image quote pre code