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

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

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


اولا ندخل الى قالب

تم نضغط تحرير html

بعدها نضغط على 
CTRL+F
ليضهر لنا مربح البحت 

تم نلصق هدا الكود قبل الوسم <head/>


<style>
#abt-page-loader {
position: fixed!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background:#fff url('http://www.puzzlexperts.com/images/Preloader_3.gif') no-repeat 50% 30%;
color: #FFF;
display: none;
font: 0/0 a;
text-shadow: none;
padding: 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="abt-page-loader">تحميل ...</div>');
$(window).on("beforeunload", function() {
// ... Show the Animation `.fadeIn()`
$('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>
Hm

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