كيفية إضافة تأثيرات عند تحميل صفحات مدونة بلوجر الاضافة خفيفة ورائعة جداً

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

كيفية إضافة تأثيرات عند تحميل صفحات مدونة بلوجر الاضافة خفيفة ورائعة جداً

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

طريقة تثبيت الإضافة أولاً يجب عليك إتباع الخطوات التالية حتى تتم عملية التثبيت بسلاسة

1. تسجيل الدخول إلى مدونتك 
2. الذهاب إلى مظهر المدونة 
3. تحرير HTML ثم CTRL +F

ثم قم وضع الكود التالي فوق هذا الوسم ]]></b:skin> أو </style> مباشرة 

 #page-loader {
    position:fixed !important;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:999999;
    background: #303030 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2FyeEv4Cq0mxzXEgPZ9O4Bgleo6Xb_DLW4BhYMOhvitPvhx34Is8dOJlrlCo-8Mc3WjiNAoK5vW3agGWu0vdx3yxYhLVvxnt4SicPtpg01-Xx2GUQ9HPfMXx6jX4ZEDf-uyyb4a10JsM/s200/load6.gif") no-repeat 50% 50%;
    padding:1em 1.2em;
    display:none
    } 

مرة اَخرى ابحث عن هذا الوسم </head> ثم ضع الإضافة التالية فوقه مباشرة 

 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> 

الأن الكود الإخير اضف قوق هذا الوسم </body> مباشرة ثم حفظ القالب

<script type='text/javascript'>
    //<![CDATA[
    // Menyisipkan markup tabir animasi
    $(document.body).append('<div id="page-loader"></div>');
    // Saat halaman aktif terpicu untuk berpindah/keluar menuju halaman lain...
    $(window).on("beforeunload", function() {
        // ... tampilkan tabir animasi dengan efek `.fadeIn()`
        $('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
    });
    //]]>
    </script>
 

هذا كل شي ومبروك عليك الإضافة 
إذا احتجت أي مساعدة إذهب إلى عمود التعليقات وضع تعليقك
ملاحظة مهمة خذ نسخة أحتياطية من قالب مدونتك قبل تثبيت الإضافة