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

ما يميز شكل المدونة عن الأخرى , هي الإضافات و التعديلات و التميز و الإختلاف ..

إضافة تأثير تحميل المدونة لمدونات بلوكر , إضافة مميزة , خفيفة و لا تأثر في سرعة 
مدونتك كما أنها متوافقة مع جميع المتصفحات و الأجهزة.

و أنها تجعل الزائر مهتما أكثر من  قبل لقراءة التدوينة أو مشاهدة الموقع .. فلو كان تحميل مدونتك بطيأ, فالزائر سيملّ


من الإنتظار أمام صفحة بيضاء 

 كيفية الاضافة, توجه نحو لوحة التحكم الخاصة بك في بلوجر و توجه نحو تعديل القالب .

ابحث عن هذا الكود

</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;"> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Zwj09mH-bXPZy0BY_jrWVf4rouWl1xSoHupFMV-NOFg3o53tb92dCDMS1HF705qV52zerY63QQGnlUoWs8nXIgKLbiXBoIDiMmYSmLjnAqGtvBHNv4gyZjdit2NdCMWanWMNmAXVykLf/s1600/modawin-blogger1.gif </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>