17‏/12‏/2013

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

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

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

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

توجه إلى لوحة التحكم في مدونتك > القالب > إضغط على تحرير 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://lh4.googleusercontent.com/-mQD0pkXM2Mk/UrBy0Cd7aVI/AAAAAAAAJ4A/JD-zaaFSku8/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://lh5.googleusercontent.com/-LCz63LXTUpw/UrByy460xXI/AAAAAAAAJ34/0ZTZhgoqN5o/s32-no/Loadding-www.madad2.com.gif

هناك 6 تعليقات

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

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

      حذف
    2. انا جوالي ايفون كيف احمله

      حذف
  2. انا جوالي ايفون كيف احمله

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

    ردحذف
    الردود
    1. يجب تفعيل رقمك على الاواتس اب الاصلي ثم تنزيل الواتس اب بلس

      حذف

تعليقاتكم تشجعنا على تقديم المزيد وهي محل إهتمامنا دائمًا

© جميع الحقوق محفوظة مداد الجليد 2013 - حقوق الطبع والنشر | مدعومة بكل فخّر من blogger | سياسة الخصوصية