اضافة شريط iOS7 عند تحميل المدونة

السلام عليكم ورحمة الله تعالى وبركاته يعرف نضام ios7 بجمال مضهره وروعة الوانه وهو رائع للغاية فاحضرت لكم اليوم في البداية ويب اضافة رائعة وهي شريط ios7 لتحميل المدونة اي ان الزائر عندما يدخل لمدونتك او يضغط على موضوع لدخول فان هاذا الشريط سيضهر في وقت تحميل الصفحة وهي تزيد المدونة اناقة وروعة.

طريقة الاضافة

الطريقة سهلة جدا ماعليك هو الدخول للقالب ثم تحرير ثم ابحث باستعمال F+Ctrl على هاذا الكود

</body>

ثم ضع الكود التلي فوقه مباشرة

<style>
#page-loader {
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZG5NoqWGs2dBxThdCsy5APPSJRubY-NZL0mc43N0raa5DabomVNJkkVXAmanEL7s7fBCo88kBVnIIhyphenhyphenve4i75T7z2PQTUrnqmUzPxGS_r5NYIG9HjE7E0368I5nwjo2JS7nCQaMmLQ6U/s1600/iOS7Loader.gif') no-repeat 50% 30%;
        color: #000;
        display: none;
        font: 0/0 a;
        text-shadow: none;
        padding: 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#page-loader').fadeIn(000).delay(6000).fadeOut(000);
});
//]]>
</script>

واذا اردة تغير شريط ios7 بصورة اخرى متحركة عند تحميل مدونتك غير ما محدد بالونالبرتقالي    الى رابط الصورة المتحركة الخاص بك.

ارجو ان اكون قد افدتكم واي مشكل فانا هنا