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

قمنا بتصميم اضافة تاثير التحميل على شكلين قم باختيار الشكل الذي يناسبك او الشكل الذي يعجبك بعد ذلك قم بالبحث عن الوسم /b:section و قم بوضع كود واحد من الاشكال التالية فوق الوسم السابق ستجده مكرر عدة مرات ضعه فوق اي واحد تستطيع تغير مكان الاداة من التخطيط كذلك تستطيع التحكم في تشغيل وايقاف الاضافة من التخطيط عن طريق القيمة true وهذا يعني ان الاضافة تعمل ولايقاف الاضافة قم بتغيرها الى القيمة false علما بان القيمة الافتراضية للاداة هي true اي ان الاضافة تعمل .

<b:widget id='HTML927' locked='true' title='اداة تاثير التحميل' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>true</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
 <b:if cond='data:content == &quot;true&quot;'>
&lt;style&gt;
#technomee-preloader{width:100%;height:100%;position:fixed;background-color:#fff;z-index:99999999;top:0;left:0}.technomee-preloader-wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.technomee-sp{width:42px;height:42px;clear:both;margin:20px auto}.technomee-sp-wave{border-radius:50%;position:relative;opacity:1}.technomee-sp-wave:before,.technomee-sp-wave:after{content:&#39;&#39;;border:2px #f80538 solid;border-radius:50%;width:100%;height:100%;position:absolute;left:0}.technomee-sp-wave:before{transform:scale(1,1);opacity:1;-webkit-animation:spWaveBe .6s infinite linear;animation:spWaveBe .6s infinite linear}.technomee-sp-wave:after{transform:scale(0,0);opacity:0;-webkit-animation:spWaveAf .6s infinite linear;animation:spWaveAf .6s infinite linear}@-webkit-keyframes spWaveAf{from{-webkit-transform:scale(.5,.5);opacity:0}to{-webkit-transform:scale(1,1);opacity:1}}@keyframes spWaveAf{from{transform:scale(.5,.5);opacity:0}to{transform:scale(1,1);opacity:1}}@-webkit-keyframes spWaveBe{from{-webkit-transform:scale(1,1);opacity:1}to{-webkit-transform:scale(1.5,1.5);opacity:0}}@keyframes spWaveBe{from{-webkit-transform:scale(1,1);opacity:1}to{-webkit-transform:scale(1.5,1.5);opacity:0}}
&lt;/style&gt;
          </b:if>
        </b:includable>
  </b:widget>
 

الشكل الثاني

<b:widget id='HTML927' locked='true' title='(2) تاثير التحميل ' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>true</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
 <b:if cond='data:content == &quot;true&quot;'>
&lt;style&gt;
 
#technomee-preloader{display:flex;position:fixed;left:0;right:0;background-color:#ffffff;height:100vh;width:100%;z-index:99999}.technomee-preloader-wrap{display:inline-block;width:150px;height:5px;margin:auto;overflow:hidden;position:relative}.technomee-preloader-wrap:before{content:"";position:absolute;background-color:#f80538;top:0;left:0;right:0;bottom:0;opacity:0.2}.technomee-preloader-wrap:after{content:"";position:absolute;background-color:#f80538;top:0;left:0;right:0;bottom:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-animation:loaderbar 2s infinite;animation:loaderbar 2s infinite}@-webkit-keyframes loaderbar{0%,100%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}25%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}50%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:100% 0;transform-origin:100% 0}80%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 0;transform-origin:100% 0}}@keyframes loaderbar{0%,100%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}25%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}50%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:100% 0;transform-origin:100% 0}80%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 0;transform-origin:100% 0}}.uk-loader-spinner{margin:auto;width:40px;height:40px;background-color:#ff9966;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out}
&lt;/style&gt;
          </b:if>
        </b:includable>
  </b:widget>
 

بعد اختيار شكل من الشكلين السابقين قم بوضع الكود التالي فوق الوسم <body>  

<div id='technomee-preloader'>
<div class='technomee-preloader-wrap'>
<div class='technomee-sp technomee-sp-wave'>
</div>
</div>
</div>
 

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

قم بالبحث عن الوسم /body وقم بوضع الكود التالي فوقه 

<script>//<![CDATA[
 function technomee_0x4571(_0x3cf96f,_0x525f19){var _0x9ec0a2=technomee_0x55ac();return technomee_0x4571=function(_0x44a49a,_0x3e54fe){_0x44a49a=_0x44a49a-0x1cf;var _0x4c9b45=_0x9ec0a2[_0x44a49a];return _0x4c9b45;},technomee_0x4571(_0x3cf96f,_0x525f19);}var technomee_0x2cf5cd=technomee_0x4571;(function(_0x203270,_0x5569c1){var _0x151d8c=technomee_0x4571,_0x38dc8b=_0x203270();while(!![]){try{var _0x1bf4f4=parseInt(_0x151d8c(0x1da))/0x1*(-parseInt(_0x151d8c(0x1e7))/0x2)+-parseInt(_0x151d8c(0x1ec))/0x3*(parseInt(_0x151d8c(0x1e6))/0x4)+parseInt(_0x151d8c(0x1d8))/0x5*(-parseInt(_0x151d8c(0x1d6))/0x6)+-parseInt(_0x151d8c(0x1dc))/0x7+parseInt(_0x151d8c(0x1e4))/0x8+-parseInt(_0x151d8c(0x1d9))/0x9*(-parseInt(_0x151d8c(0x1eb))/0xa)+-parseInt(_0x151d8c(0x1ed))/0xb*(-parseInt(_0x151d8c(0x1dd))/0xc);if(_0x1bf4f4===_0x5569c1)break;else _0x38dc8b['push'](_0x38dc8b['shift']());}catch(_0x3c0fd1){_0x38dc8b['push'](_0x38dc8b['shift']());}}}(technomee_0x55ac,0xab4fc));function technomee_0x55ac(){var _0xe3e707=['\x31\x37\x38\x39\x38\x30\x54\x71\x71\x61\x6a\x5a','\x31\x38\x31\x38\x62\x4e\x75\x70\x77\x6b','\x32\x42\x4b\x71\x4e\x75\x63','\x7b\x7d\x2e\x63\x6f\x6e\x73\x74\x72\x75\x63\x74\x6f\x72\x28\x22\x72\x65\x74\x75\x72\x6e\x20\x74\x68\x69\x73\x22\x29\x28\x20\x29','\x37\x36\x32\x38\x36\x32\x31\x64\x76\x6c\x4c\x71\x63','\x36\x30\x37\x35\x30\x38\x34\x6d\x46\x43\x78\x47\x43','\x69\x6e\x66\x6f','\x6c\x6f\x61\x64','\x73\x6c\x6f\x77','\x77\x61\x72\x6e','\x74\x61\x62\x6c\x65','\x63\x6f\x6e\x73\x6f\x6c\x65','\x34\x32\x37\x31\x38\x32\x34\x78\x70\x62\x61\x52\x64','\x74\x72\x61\x63\x65','\x31\x33\x39\x34\x30\x38\x6d\x6c\x72\x70\x4e\x4d','\x34\x79\x61\x79\x42\x69\x41','\x23\x74\x65\x63\x68\x6e\x6f\x6d\x65\x65\x2d\x70\x72\x65\x6c\x6f\x61\x64\x65\x72','\x74\x6f\x53\x74\x72\x69\x6e\x67','\x5f\x5f\x70\x72\x6f\x74\x6f\x5f\x5f','\x35\x34\x35\x30\x58\x48\x76\x7a\x4e\x56','\x31\x32\x30\x52\x48\x59\x50\x78\x70','\x37\x37\x78\x6b\x69\x71\x75\x53','\x6c\x6f\x67','\x62\x69\x6e\x64','\x66\x61\x64\x65\x4f\x75\x74','\x65\x72\x72\x6f\x72','\x61\x70\x70\x6c\x79','\x65\x78\x63\x65\x70\x74\x69\x6f\x6e','\x63\x6f\x6e\x73\x74\x72\x75\x63\x74\x6f\x72','\x64\x65\x6c\x61\x79','\x31\x36\x38\x41\x51\x6d\x77\x50\x63','\x6c\x65\x6e\x67\x74\x68'];technomee_0x55ac=function(){return _0xe3e707;};return technomee_0x55ac();}var technomee_0x3e54fe=(function(){var _0x302bb2=!![];return function(_0x2dcbcf,_0x468cc2){var _0x4e0139=_0x302bb2?function(){var _0x1b23f3=technomee_0x4571;if(_0x468cc2){var _0x4e4994=_0x468cc2[_0x1b23f3(0x1d2)](_0x2dcbcf,arguments);return _0x468cc2=null,_0x4e4994;}}:function(){};return _0x302bb2=![],_0x4e0139;};}()),technomee_0x44a49a=technomee_0x3e54fe(this,function(){var _0x34c0bc=technomee_0x4571,_0x56ccf7=function(){var _0xcb60df=technomee_0x4571,_0x42d356;try{_0x42d356=Function('\x72\x65\x74\x75\x72\x6e\x20\x28\x66\x75\x6e\x63\x74\x69\x6f\x6e\x28\x29\x20'+_0xcb60df(0x1db)+'\x29\x3b')();}catch(_0x51b516){_0x42d356=window;}return _0x42d356;},_0x1ec6cd=_0x56ccf7(),_0x425fb7=_0x1ec6cd[_0x34c0bc(0x1e3)]=_0x1ec6cd[_0x34c0bc(0x1e3)]||{},_0x5ca17d=[_0x34c0bc(0x1ee),_0x34c0bc(0x1e1),_0x34c0bc(0x1de),_0x34c0bc(0x1d1),_0x34c0bc(0x1d3),_0x34c0bc(0x1e2),_0x34c0bc(0x1e5)];for(var _0x28d95e=0x0;_0x28d95e<_0x5ca17d[_0x34c0bc(0x1d7)];_0x28d95e++){var _0x4c1a6a=technomee_0x3e54fe[_0x34c0bc(0x1d4)]['\x70\x72\x6f\x74\x6f\x74\x79\x70\x65'][_0x34c0bc(0x1cf)](technomee_0x3e54fe),_0x172ed3=_0x5ca17d[_0x28d95e],_0x2ba75f=_0x425fb7[_0x172ed3]||_0x4c1a6a;_0x4c1a6a[_0x34c0bc(0x1ea)]=technomee_0x3e54fe[_0x34c0bc(0x1cf)](technomee_0x3e54fe),_0x4c1a6a[_0x34c0bc(0x1e9)]=_0x2ba75f[_0x34c0bc(0x1e9)][_0x34c0bc(0x1cf)](_0x2ba75f),_0x425fb7[_0x172ed3]=_0x4c1a6a;}});technomee_0x44a49a(),$(window)['\x6f\x6e'](technomee_0x2cf5cd(0x1df),function(){var _0x4a397b=technomee_0x2cf5cd;$(_0x4a397b(0x1e8))[_0x4a397b(0x1d5)](0x1f4)[_0x4a397b(0x1d0)](_0x4a397b(0x1e0));});        
//]]></script>