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

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

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

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

توجه إلى لوحة التحكم في مدونتك > القالب > إضغط على تحرير 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

مشاركات أقدم المقال التالي
5 تعليق
  • Unknown
    Unknown 10‏/07‏/2014، 6:51:00 ص

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

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

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

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

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

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