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

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

معاينة : من تصميمي 

هذا هو الكود الذي ستضعه فوق الوسم </body> مباشرة

<div dir="rtl" style="text-align: right;"> <style></div> <div dir="rtl" style="text-align: right;"> #abt-page-loader {</div> <div dir="rtl" style="text-align: right;">         position: fixed!important;</div> <div dir="rtl" style="text-align: right;">         top: 0;</div> <div dir="rtl" style="text-align: right;">         right: 0;</div> <div dir="rtl" style="text-align: right;">         bottom: 0;</div> <div dir="rtl" style="text-align: right;">         left: 0;</div> <div dir="rtl" style="text-align: right;">         z-index: 9999;</div> <div dir="rtl" style="text-align: right;">         background:#000 url('<span style="color: red;"> http://www.4shared.com/download/kjmNFWvTce/141.gif?sbsr=a3884539f205e401c4f1414e2b63e44d966&lgfp=3000</span>') no-repeat 50% 30%;</div> <div dir="rtl" style="text-align: right;">         color: #FFF;</div> <div dir="rtl" style="text-align: right;">         display: none;</div> <div dir="rtl" style="text-align: right;">         font: 0/0 a;</div> <div dir="rtl" style="text-align: right;">         text-shadow: none;</div> <div dir="rtl" style="text-align: right;">         padding: 1em 1.2em;</div> <div dir="rtl" style="text-align: right;"> }</div> <div dir="rtl" style="text-align: right;"> </style></div> <div dir="rtl" style="text-align: right;"> <script type='text/javascript'></div> <div dir="rtl" style="text-align: right;"> //<![CDATA[</div> <div dir="rtl" style="text-align: right;"> $(document.body).append('<div id="abt-page-loader"> ?????...</div> ');</div> <div dir="rtl" style="text-align: right;"> $(window).on("beforeunload", function() {</div> <div dir="rtl" style="text-align: right;">     // ... Show the Animation `.fadeIn()`</div> <div dir="rtl" style="text-align: right;">     $('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);</div> <div dir="rtl" style="text-align: right;"> });</div> <div dir="rtl" style="text-align: right;"> //]]></div> </div>

طريقة الوصول الى الوسم </body> هي كالتالي

أول شيء نختار القالب 

ثانيا : تحرير HTML

ثالثا : نضغط بيسار الفأرة داخل محرر HTML  مرة واحدة 
بعد ذلك نضغط زر CTRL و F من لوحة المفاتيح 
 نكتب  </body> ثم Entrée

وفوق الوسم </body> مباشرة 

نضع الكود الذي وضعت في الأعلى

أتمنى أن أكون وفقت في الشرح 

ردودكم تهمني واستفساراتكم تُلعلمني 

                                        اضافات أخرى                                 

* اجعل مدونتك احترافية مع صندوق الفيسبوك المطور 

*  اضافة بلوجر . سلايدر خفيف وسهل التنزيل على مدونتك

* كود للزوارالمتواجدين في مدونتك على شكل كرة ارضية