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

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

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

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

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

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

فوقه مباشرة أضف هذا الكود :

<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/AVvXsEgoO704MFKMXmBhIVlxIWqaKfykJc0C6XfZd753T9DxlAaezufh3fJS0v-9jvXplYLPNKdA3oio4_6fhoDCBK41xy5UuZ2qq24RCbbL6BMI968OXF7hdq991EkJYGrkjuki0jC5wkgndSg/w43-h11-no/www.madad2.com1.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>

الصورة الموجودة عند التحميل لم تعجبك ؟ لا يوجد إشكال إستعمل احد الصور التالية , فقط عوض :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZypQ7ehq5pHfss4ztJ-_nj644QyNVgk79bVomBh0UNngB6utBZm6ljoP_gjOTyPQtQyVRy2Cd57rX8fC6Eih06qQfAXKmBwXl92TP1NcAEFOqhQbbR6dZ67tQpbtvk1XagGJCZLKJd3qU/s1600/modawin-blogger4.gif

برابط الصورة التي تريدها ,

إليك الصور :

الرابط :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE3JY9KX1w9UmJJsIPUDE6IcdfkHCbNJyGSty9y13DZO2lAPfUjmwfSxGJIq6FKgicTHIOfGwNJJg91BhP7SwwWuDnMLE9eV8I87UTPrEriQhN6XwqPPmyFc7XUN777kH-WKzPxHssszmv/s1600/modawin-blogger1.gif

الرابط

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAsexc18tfU9wXe0DyinkuD2Bb5hyphenhyphenU_Odz6w9u6bx-k2EkJ0F6i2d9YouHbIG826ITPsXaHqVahgASEtHJoH7GCEXbm94lrkwG32j_Kf6-SklskuVXkUFO19BfnBxm3SMs-lybk9ZwX-xK/s1600/modawin-blogger2.gif

الرابط :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuLC0UJcy5epEz5i4pIq4IQLHuRtqKmSPu7l6e4GrSjKbrN1tEmdTYrrtCtWtGT4wU0gwoIRuBO481bS1xTHop_8dAtVROE-EcuCi1DhZQaXTEAIyR1IkL8Y1G0UIzU2aa_Vck-H3LJ0CS/s1600/modawin-blogger3.gif