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

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

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

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

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

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

</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/AVvXsEi1iUO30Ujn93K_ZV4Xd7n7MkSbMGwKj6XLfdZDdBSduQ20jeNAA7AS6jkBq2L0e6YBg6hncQGC3BBCB9eNqr1DmhQlIHXWh6RtSdJzW2FbIAyhL7QFakG26mOdk2dRmx_PnYCwQUvoRsI/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/AVvXsEhf2RMJ__WrExzRqTwt4hNv9xh49Mz4zGhtcmQ7qux1IXaR5X59ChM4K6HH1j7t3d8wHJb9SX0G79U-hcjDWC6FQmfWS2NK__KWG8KoquUWa2lw7r8WtN-8Wv7yvCj6nOgoQHtZzr9_IXyp/s1600/modawin-blogger4.gif

اقرا ايضا :ماهو التصميم المادي (material design) و الفرق بينه و بين التصميم المسطح (flat design)

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

إليك الصور :

الرابط :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhezmsNI-mYvQPjBRB7rdG7mn0rJ88QSg378DeSwVwmjIROa8Z_0yLgV9XNnN6l-ahT9KPYjnrjr95icEQl_br756jrEXt7oAblqNiZXtz6xKlTeGIOVlBTOAs1KGwWUiqkryw6fxN_-qnZ/s1600/modawin-blogger1.gif

اقرا ايضا :ماهو البوتستراب؟ و لماذا عليك إستخدامه كمصمم و مطور مواقع؟ كيف أتعلمه؟

الرابط

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5OTKMcl6j8Tsp_5FpVIqo9eaYzuw5-W8YHCqy4O-Esw9pxpN_rsY3o1ME5_L7EGd-NprB3iRQwzRdoqr7DkGZNtNuFJhZ2bt7do3N1Lc5XLxHEsBSAUYtfRoAmfld4g29JkhnIVkdl2S5/s1600/modawin-blogger2.gif

اقرا ايضا :إضافة صندوق الدردشة أو شات إلى موقعك أو مدونتك في بلوجر

الرابط : 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0zkI-tNEs8r7dw-TT8fsYCueCx9DG-d1k3xix9BdbEAgjiq8awAo2k8P9x4TTsQUz5l7ewGUd020yWp4joEdfaZecmC9O7Jyme4zPaI802V1KULRD5TvzQHwGir35c0Y8uYDpjEsvr2gT/s1600/modawin-blogger3.gif

الرابط : 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2RMJ__WrExzRqTwt4hNv9xh49Mz4zGhtcmQ7qux1IXaR5X59ChM4K6HH1j7t3d8wHJb9SX0G79U-hcjDWC6FQmfWS2NK__KWG8KoquUWa2lw7r8WtN-8Wv7yvCj6nOgoQHtZzr9_IXyp/s1600/modawin-blogger4.gif

إقرأ أيضا : 

إضافة تعليقات الفيسبوك لمدونات بلوجر

إضافة صفحة إتصل بنا لمدونة بلوجر

إنشاء صفحات الخطأ في بلوجر