• أضافة صفحة تحميل احترافية


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

    1 - قم بالدخول الى تحرير قالب مدونتك وابحث عن هذه الوسم </head>  وضع الكود التالي فوقه 
    <style>#loaderqaisi1web{position:fixed;top:0;left:0;right:0;bottom:0;background: url(http://1.bp.blogspot.com/-byJCWagsj3o/Vp6WsUEEmsI/AAAAAAAAB2Q/-vWrHXqvR6M/s1600/pattern-qaisi1web.png) rgba(23, 38, 47, 0.93);z-index:1000}.balls{width:30px;height:30px;position:absolute;background-color:#ccc;top:45%;border-radius:50%}.balls:nth-child(1){background-color:#FF5460;animation:move 2s infinite cubic-bezier(.2,.64,.81,.23)}.balls:nth-child(2){background-color:#FF9D84;animation:move 2s 150ms infinite cubic-bezier(.2,.64,.81,.23)}.balls:nth-child(3){background-color:#F0E797;animation:move 2s 300ms infinite cubic-bezier(.2,.64,.81,.23)}.balls:nth-child(4){background-color:#75B08A;animation:move 2s 450ms infinite cubic-bezier(.2,.64,.81,.23)}@keyframes move{0%{left:0%}100%{left:100%}}
    #logo-qaisi1web{ margin:15% auto; width:400px;}
    #logo-qaisi1web li.s-home{ display:inline ; font-weight:normal ;position:relative}
    #logo-qaisi1web li.s-home a { color: rgba(240, 239, 239, 0.96) ; font-size: 33px ; font-family: GESSTwoLight,Great Vibes}
    #logo-qaisi1web li.s-home:hover{background: none}
    </style>
    
    2 - قم بوضع الكود التالي أسفل هذه الوسم <body>
    <div id='loaderqaisi1web'>
        <div class='balls'/>
      <div class='balls'/>
      <div class='balls'/>
      <div class='balls'/>
    <div id='logo-qaisi1web'><li class='s-home'>
    <a><i class='fa fa-globe' style='color:#fff;padding-right:10px;font-size:24px'/> انتظر ثوان من فضلك..... </a></li></div>
    </div>
    <script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'/>
    <script type='text/javascript'> $(window).load(function () { setTimeout(function () { $(&quot;.balls&quot;).fadeOut(&quot;slow&quot;); setTimeout(function () { $(&quot;#loader&quot;).fadeOut(&quot;slow&quot;) }, 1000) }, 1000) }); </script>
    3 - قم بحفظ قالب وشاهد النتيجة ☝
    بالتوفيق للجميع . . . .

    أضافة صفحة تحميل احترافية ,حقا هذه الاضافة في غاية الروعه تعطي جمال لمدونتك وخصوصا حين تصفح الزائر لمدونتك اي انها تظهرعند تحميل صفحات م...

    روابط الموضوع للنسخ

    رابط
    HTML
    BBCode
    يسمح بنقل الموضوع لكن مع ذكر المصدر في نهاية الموضوع المنقول ووضع رابط الموضوع الأصلي
    أضافة صفحة تحميل احترافية

    أضافة صفحة تحميل احترافية ,حقا هذه الاضافة في غاية الروعه تعطي جمال لمدونتك وخصوصا حين تصفح الزائر لمدونتك اي انها تظهرعند تحميل صفحات م...

    12 تعليقات
    كيف تعلق ؟

    1. السلام عليكم اخي انا من اكثر المعجبين بك واريد منك طلب اريد قالب عرب ويب بكل اضفاته ازرار التحميل والمعينه

      ردحذف
    2. أخي كيف بدي أصغر الوقت

      ردحذف
      الردود
      1. اخي التوقيت يكون حسب سرعه الانترنت

        حذف
    3. ماعم تطلع عندي body شو الحل

      ردحذف
      الردود
      1. اخي الكريم ،وسم body موجود في جميع قوالب بلوجر

        حذف
      2. اعطني رابط مدونتك

        حذف
    4. أزال أحد مشرفي المدونة هذا التعليق.

      ردحذف
    5. الكود فيه مشاكل
      مكتوب بطريقة خاطئة

      ردحذف
      الردود
      1. لم يشكي احد من الكود صديقي ومضمون 100% تأكد من نقل الكود بشكل صحيح 👺

        حذف

    contact-us

    الاسم

    بريد إلكتروني *

    رسالة *