الموقع معروض للبيع، اذا كنت ترغب بشرائه تواصل معنا. متابعة

كيفية تثبيت واجهة الصيانة على مدونة بلوجر جديد 2022

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

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

بعض الأحيان تقوم الشركات الكبيرة مثل Google و WordPress بالصيانة للحصول على أداء أفضل. أما نحن مستخدمو مدونة بلوجر، نستخدم صفحة الصيانة عندما نريد تغيير قالب بلوجر أو عند تحديث المقالات.

تحتوي هذه الصفحة على ثلاثة أنواع من الوقت للصيانة، أسبوعيًا أو شهريًا أو سنويًا. يمكنك تحديد الوقت حسب رغبتك، عن طريق كود JS وعند الانتهاء من صيانة مدونتك تستطيع إزالة هذه الصفحة بكل سهولة.

خطوات الإضافة 

الطريقة سهلة للغاية، كل ما عليك فعله هو تثبيت هذه الصفحة والتي تحتوي على معلومات تفيد بأن المدونة قيد الإصلاح والتطوير. اتبع الخطوات التالية لاضافتها :
  • انتقل إلى منصة بلوجر 
  • من القائمة الجانبية اختر المظهر 
  • اضغط على تحرير HTML
  • لصق الكود أدناه فوق </body>



<div class="luna-maintpage">
  <div class="luna-main-cont">
    <div class="luna-main-box">
      <div id="luna-main-count">
        <ul>
          <li><span id="countDays"></span>يوم</li>
          <li><span id="countHours"></span>ساعة</li>
          <li><span id="countMinutes"></span>دقيقة</li>
          <li><span id="countSeconds"></span>ثانية</li>
        </ul>
      </div>
      <div class="luna-main-anima">
        <div class="mainOne spinOne"></div>
        <div class="mainTwo spinTwo"></div>
        <div class="mainThree spinOne"></div>
      </div>
      <div class="luna-main-subcon">
        <h1>تحت الصيانة</h1>
        <p>الموقع تحت الصيانة، يرجى إعادة الزيارة في وقت لاحق</p>
        <p> - بواسطة <a href="https://luna-templates.blogspot.com" target="_blank">قوالب لونا</a></p>
      </div>
    </div>
  </div>
</div>


<style>
html, body{overflow:hidden}
.luna-maintpage{position:fixed;width:100%;height:100%;font-family:"Noto Sans",sans-serif;top:0;right:0;overflow:hidden;z-index:999}
.luna-main-cont{margin:auto;width:100%;height:100%;text-align:center;position:relative}
.luna-main-subcon{margin-top:50px;margin-right:15px}
.luna-main-box{width:100%;height:100%;background:linear-gradient(11.7deg,#fafafa 47%,#ffffff 47%)}
.luna-main-anima{margin-top:10%;display:inline-block}
#luna-main-count{text-align:center;margin-right:-50px}
#luna-main-count ul li{display:inline-block;color:#888;font-size:14px;list-style-type:none;padding:20px;text-transform:uppercase}
#luna-main-count ul li span{display:block;color:#333;font-size:18px;font-weight:bold}
.luna-maintpage .luna-main-cont h1{color:#677880;font-size:50px;letter-spacing:2px;text-transform:uppercase}
.luna-maintpage .luna-main-cont p{font-size:15px}
.luna-maintpage .luna-main-cont p a{color:#009ee0;font-weight:bold;text-decoration:none}
.luna-maintpage .luna-main-cont p a:hover{color:#009ee0}
.mainOne,.mainTwo,.mainThree{display:block;float:right}
.spinOne{-webkit-animation:spinOne 1.5s infinite linear;animation:spinOne 1.5s infinite linear}
.spinTwo{-webkit-animation:spinTwo 2s infinite linear;animation:spinTwo 2s infinite linear}
.mainOne{background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23989b9f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><g transform='translate(3.500000, 2.500000)'><path d='M8.5,7 C9.88088012,7 11,8.11911988 11,9.5 C11,10.8808801 9.88088012,12 8.5,12 C7.11911988,12 6,10.8808801 6,9.5 C6,8.11911988 7.11911988,7 8.5,7 Z'></path><path d='M16.6680023,4.75024695 L16.6680023,4.75024695 C15.9844554,3.55799324 14.4712377,3.15003899 13.2885153,3.83852352 C12.2597626,4.43613205 10.9740669,3.68838056 10.9740669,2.49217572 C10.9740669,1.11619444 9.86587758,0 8.4997646,0 L8.4997646,0 C7.13365161,0 6.02546233,1.11619444 6.02546233,2.49217572 C6.02546233,3.68838056 4.73976662,4.43613205 3.71199461,3.83852352 C2.52829154,3.15003899 1.01507378,3.55799324 0.331526939,4.75024695 C-0.351039204,5.94250065 0.053989269,7.46664934 1.23769234,8.15414609 C2.26546435,8.7527424 2.26546435,10.2472576 1.23769234,10.8458539 C0.053989269,11.5343384 -0.351039204,13.0584871 0.331526939,14.2497531 C1.01507378,15.4420068 2.52829154,15.849961 3.71101391,15.1624643 L3.71199461,15.1624643 C4.73976662,14.5638679 6.02546233,15.3116194 6.02546233,16.5078243 L6.02546233,16.5078243 C6.02546233,17.8838056 7.13365161,19 8.4997646,19 L8.4997646,19 C9.86587758,19 10.9740669,17.8838056 10.9740669,16.5078243 L10.9740669,16.5078243 C10.9740669,15.3116194 12.2597626,14.5638679 13.2885153,15.1624643 C14.4712377,15.849961 15.9844554,15.4420068 16.6680023,14.2497531 C17.3515491,13.0584871 16.9455399,11.5343384 15.7628176,10.8458539 L15.7618369,10.8458539 C14.7340648,10.2472576 14.7340648,8.7527424 15.7628176,8.15414609 C16.9455399,7.46664934 17.3515491,5.94250065 16.6680023,4.75024695 Z'></path></g></svg>");width:80px;height:80px;background-size:100% 100%;background-repeat:no-repeat;margin-top:-10px;margin-left:8px}
.mainTwo{background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23989b9f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><g transform='translate(3.500000, 2.500000)'><path d='M8.5,7 C9.88088012,7 11,8.11911988 11,9.5 C11,10.8808801 9.88088012,12 8.5,12 C7.11911988,12 6,10.8808801 6,9.5 C6,8.11911988 7.11911988,7 8.5,7 Z'></path><path d='M16.6680023,4.75024695 L16.6680023,4.75024695 C15.9844554,3.55799324 14.4712377,3.15003899 13.2885153,3.83852352 C12.2597626,4.43613205 10.9740669,3.68838056 10.9740669,2.49217572 C10.9740669,1.11619444 9.86587758,0 8.4997646,0 L8.4997646,0 C7.13365161,0 6.02546233,1.11619444 6.02546233,2.49217572 C6.02546233,3.68838056 4.73976662,4.43613205 3.71199461,3.83852352 C2.52829154,3.15003899 1.01507378,3.55799324 0.331526939,4.75024695 C-0.351039204,5.94250065 0.053989269,7.46664934 1.23769234,8.15414609 C2.26546435,8.7527424 2.26546435,10.2472576 1.23769234,10.8458539 C0.053989269,11.5343384 -0.351039204,13.0584871 0.331526939,14.2497531 C1.01507378,15.4420068 2.52829154,15.849961 3.71101391,15.1624643 L3.71199461,15.1624643 C4.73976662,14.5638679 6.02546233,15.3116194 6.02546233,16.5078243 L6.02546233,16.5078243 C6.02546233,17.8838056 7.13365161,19 8.4997646,19 L8.4997646,19 C9.86587758,19 10.9740669,17.8838056 10.9740669,16.5078243 L10.9740669,16.5078243 C10.9740669,15.3116194 12.2597626,14.5638679 13.2885153,15.1624643 C14.4712377,15.849961 15.9844554,15.4420068 16.6680023,14.2497531 C17.3515491,13.0584871 16.9455399,11.5343384 15.7628176,10.8458539 L15.7618369,10.8458539 C14.7340648,10.2472576 14.7340648,8.7527424 15.7628176,8.15414609 C16.9455399,7.46664934 17.3515491,5.94250065 16.6680023,4.75024695 Z'></path></g></svg>");width:100px;height:100px;background-size:100% 100%;background-repeat:no-repeat} 
.mainThree{background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23989b9f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><g transform='translate(3.500000, 2.500000)'><path d='M8.5,7 C9.88088012,7 11,8.11911988 11,9.5 C11,10.8808801 9.88088012,12 8.5,12 C7.11911988,12 6,10.8808801 6,9.5 C6,8.11911988 7.11911988,7 8.5,7 Z'></path><path d='M16.6680023,4.75024695 L16.6680023,4.75024695 C15.9844554,3.55799324 14.4712377,3.15003899 13.2885153,3.83852352 C12.2597626,4.43613205 10.9740669,3.68838056 10.9740669,2.49217572 C10.9740669,1.11619444 9.86587758,0 8.4997646,0 L8.4997646,0 C7.13365161,0 6.02546233,1.11619444 6.02546233,2.49217572 C6.02546233,3.68838056 4.73976662,4.43613205 3.71199461,3.83852352 C2.52829154,3.15003899 1.01507378,3.55799324 0.331526939,4.75024695 C-0.351039204,5.94250065 0.053989269,7.46664934 1.23769234,8.15414609 C2.26546435,8.7527424 2.26546435,10.2472576 1.23769234,10.8458539 C0.053989269,11.5343384 -0.351039204,13.0584871 0.331526939,14.2497531 C1.01507378,15.4420068 2.52829154,15.849961 3.71101391,15.1624643 L3.71199461,15.1624643 C4.73976662,14.5638679 6.02546233,15.3116194 6.02546233,16.5078243 L6.02546233,16.5078243 C6.02546233,17.8838056 7.13365161,19 8.4997646,19 L8.4997646,19 C9.86587758,19 10.9740669,17.8838056 10.9740669,16.5078243 L10.9740669,16.5078243 C10.9740669,15.3116194 12.2597626,14.5638679 13.2885153,15.1624643 C14.4712377,15.849961 15.9844554,15.4420068 16.6680023,14.2497531 C17.3515491,13.0584871 16.9455399,11.5343384 15.7628176,10.8458539 L15.7618369,10.8458539 C14.7340648,10.2472576 14.7340648,8.7527424 15.7628176,8.15414609 C16.9455399,7.46664934 17.3515491,5.94250065 16.6680023,4.75024695 Z'></path></g></svg>");width:80px;height:80px;background-size:100% 100%;background-repeat:no-repeat;margin-top:-50px;margin-right:-10px}
@keyframes spinOne{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}
@keyframes spinTwo{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-359deg);transform:rotate(359deg)}}
@media screen and (max-width:768px){.luna-main-anima{margin-top:40%}.luna-main-subcon{margin-bottom:0;margin-right:0}.luna-maintpage .luna-main-cont h1{font-size:30px}#luna-main-count{margin-right:-40px}#luna-main-count ul li{font-size:13px}#luna-main-count ul li span{font-size:13px}}
</style>



<script>
(function(){
const second=1000,minute=second*60,hour=minute*60,day=hour*24;
let timeReach="Jan 28, 2023 00:00:00",
    luna-main-count=new Date(timeReach).getTime(),
    x=setInterval(function(){
      let now=new Date().getTime(),
        distance=luna-main-count-now;
          document.getElementById("countDays").innerText=Math.floor(distance/(day)),
          document.getElementById("countHours").innerText=Math.floor((distance%(day))/(hour)),
          document.getElementById("countMinutes").innerText=Math.floor((distance%(hour))/(minute)),
          document.getElementById("countSeconds").innerText=Math.floor((distance%(minute))/second)
    },0)
}())
</script>


  • لان وبعد إتمام جميع الخطوات أعلاه، اضغط حفظ. 
وبذلك نكون قد انتهينا من إضافة اليوم، إذا واجهتك اي مشكلة في تركيب الإضافة لا تتردد في التواصل معنا عبر صفحة اتصل بنا أو حسابنا عبر تليجرام وسوف نقوم بحلها في أقرب وقت ممكن. 

هذه الإضافة حصرية بموقع قوالب لونا لذلك عند إعادة مشاركة الإضافة يرجى ذكر المصدر. 

إرسال تعليق

إمتداد ويب © 2021 - 2022