اضافة شريط التحميل لمدونات بلوجر

اضافة شريط التحميل او NanoBar التي تشبه اضافة تأثير التحميل الذي يظهر قبل التحميل الى أنها تظهر مع التحميل مما لا يأخر ظهور عناصر المدونة لتركيبها...
اضافة شريط التحميل لمدونات بلوجر



السلام عليكم ومرحبا بكم زوار موقع
BLOGGER BOSSES


جئناكم اليوم باضافة جميلة و بسيطة و خفيفة على اكواد قالبك على عكس شبيهاتها من الاضافات وهي  NanoBar او من خلال اسمها تعرف انها شريط . بالفعل هي شريط التحميل

نبذة عن الاضافة

الاضافة بكل بساطة هي عند الدخول للموقع او اعادة تحميل صفحة من صفحاته ستظهر اضافة شريط التحميل اعلى الصفحة وقد قلت انها خفيفة على اكواد القالب لأنها كذلك بأنها تحتوي على كود واحد فقط، ايضا الاضافات الشبيهة لها مثل تأثير التحميل او PreLoader تعطي لجوجل ان الموقع لم يحمل بعد فتقول جوجل ان الموقع بطيء 

معاينة الاضافة


يمكنكم معاينة الاضافة من هنا     معاينة
كل ما عليك هو التركيز مع اعلى الصفحة لتظهر لك اضافة NanoBar او شريط التحميل

تركيب الاضافة


لتركيب اضافة شريط التحميل تحتاج الى تطبيق خطوة واحدة
الذهاب الى موقع بلوجر ⬅المظهر⬅تعديل html⬅و تبحث عن /body الذي ستجده اسفل القالب ⬅ و تضع هذا الكود قبله مباشرة

  <script type='text/javascript'>
//<![CDATA[
/* NanoBar by www.bloggerbosses.xyz */
(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>

ستكون اضافة تأثير الضغط بالماوس في الاول بهذا اللون يمكنك تغيره بالبحث على #ff8f00 ثم ضع مكانه اللون الذي يناسبك و يريحك

وهكذا نكون قد ركبنا اضافة شريط التحميل NanoBar لمدونات بلوجر و خصصناها


هذه الاضافة مأخوذة من قالب وهو ملك لـ الذي ستجدون عنده العديد من الاضافات التي من بينها اضافة تشبه اضافة اليوم وهي اضافة شريط تقدم القراءة لمدونات بلوجر


اذا اعجبكم الشرح فلا تنسو متابعة موقعنا فنحن سنعمل جاهدين في سبيل ان نضع لكم افضل الشروحات و بطريقة بسيطة وسهلة

ان واجهتك اي مشكلة فلا تتردد في التواصل معنا من خلال التعليقات او نموذج الاتصال او عبر الواتس اب الذين ستجدونهم اسقل القائمة على اليمين مع تيليغرام