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

السلام عليكم ورحمة الله وبركاته

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

كيفية الإضافة:

توجه إلى لوحة التحكم في مدونتك > القالب > إضغط على تحرير html ثم أبحث عن الرمز </body>

ثم قم بإضافة الكود التالي فوق الرمز </body> مباشرةً.

<style>
#abt-page-loader {
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0pmfxp7BvTukuJltpDUQGBykSKhIcn5Hx6HQGAG85EfGcm5EQ51bpcHeXoIDjWg4Zmqyk56PoGUVjNSJBLxdZSRYjCD6Jr_-nTQtCVUlLc2BeioRYlNL7Eed-weE8k6NrSG3Q9aPPCBY/w43-h11-no/www.madad2.com1.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>

أختر حفظ وتوجه الى مدونتك لمشاهدة النتائج.

يمكن تغيير الصورة المشار إليها بتبديل الرابط بروابط الصور التالية كما ترغب,





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK7jpoGZiPPeeoUTQXQjY6LPbLBU3_-Qn94gmPSyxv1MusrWU0Oc_Z8hnp2HKOOJcqXjnBosTFVK7paRlazm12edXd40X0waVUVqOuWV81QhAdSTckfmDTOHrW_O-572g6E_QLvdigDqc/s32-no/Loadding-www.madad2.com.gif

مشاركات أقدم المقال التالي
6 تعليق
  • مدونة كنوز
    مدونة كنوز 30‏/06‏/2014، 8:38:00 ص

    شكرك جزيلا اخ مداد على الاضافة المميزة
    وتم تطبيقها على مدونتي لكنها زادت مدة التحميل .. واكثر ما يهمني في المدونة هو السرعة
    وبامكان اي شخص ان يلاحظ سرعة التحميل من هنا http://konoz1.blogspot.com
    ~
    واتمنى ان يكون هناك حل لهذه المشكلة

    • مداد الجليد
      مداد الجليد 30‏/06‏/2014، 10:46:00 م

      عفواً عزيزي
      بالنسبة للاضافة لا تؤثر على مدة التحميل لان الصورة هي بحجم صغير جدا

    • Unknown
      Unknown 10‏/07‏/2014، 6:53:00 ص

      انا جوالي ايفون كيف احمله

  • Unknown
    Unknown 10‏/07‏/2014، 6:51:00 ص

    انا جوالي ايفون كيف احمله

  • سومي
    سومي 28‏/07‏/2014، 2:26:00 ص

    انا نزلت الواتساب بلس بس المشكلة انه عم يطلبو تحقق من رقمي و ما عم يفتح الواتس بسبب هالمشكلة شو ساوي بهي الحالة الرجاء المساعدة و شكرا

    • مداد الجليد
      مداد الجليد 29‏/07‏/2014، 9:06:00 ص

      يجب تفعيل رقمك على الاواتس اب الاصلي ثم تنزيل الواتس اب بلس

أضف تعليق
عنوان التعليق