سكريبت العد التنازلي لمدونات بلوجر

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

وبعد

بعد نشري التدوينة سكريبت بلغة جافا سكريبت java script و حيت طلب احد متابعين سكريبت العد التنازلي لمدونات بلوجر blogger حيت قمت بإعتماد على script الذي نشرته سابقا سكريبت العد التنازلي جافا سكريبت

 و صممت هده إضافة وهي سكريبت العد التنازلي بلوجر countdown blogger يمكنك استخدامه لأي شيئ تريده متلا لإعلان عن مسابقة في مدونتك او عرض لمنتج بشكل مؤقت او حتي لتاريخ عيد معين او مناسبة لقد حاولت ترك مكان لتعبر بكل حرية

 قد وضعت لكم شكل إضافة يمكنك معاينة إضافة

معاينة

سكريبت العد التنازلي لمدونات بلوجر

طريقة إضافة سهلة جدا كل ما عليك هودخول إلي

1.  بلوجر
2. تخطيط
3. إضافة أداة html/javascript
4. ولصق كود التالي داخله

<style>

#timer {
  display: flex;
  justify-content: center;
  text-align: center;
  margin: auto;
  padding:5px;
direction: ltr;
}
.mdw-najiri{text-align: center;background:
#fff;
box-shadow: 0px 1px 14px -3px;
border-radius: 5px;padding: 5px;}
svg{width: 200px;}

.number{
  padding: 5px;font-size: 30px;background:#ea473b;color:#fff;
margin: 2px;
border-radius: 2px;
}

.labels{background:#aa0040;
color:#fff;
border-radius: 2px;
margin: 2px;}
</style>


<div class="mdw-najiri">
<h2>
سكريبت العد التنازلي بلوجر 
 </h2>
  <h3>
    لم يبقى سوي
    </h3>
  <div id="timer">
    <div id='days' class="board">
      <div class="number"></div>
      <div class="labels">أيام</div>
    </div>

    <div id='hours' class="board">
      <div class="number"></div>
      <div class="labels">ساعات</div>
    </div>

    <div id='minutes' class="board">
      <div class="number"></div>
      <div class="labels">الدقائق</div>
    </div>

    <div id='seconds' class="board">
      <div class="number"></div>
      <div class="labels">ثواني</div>
    </div>
  </div>
  </div>

<script type="text/javascript">// Set the date we're counting down to
var countDownDate = new Date("Apr 18, 2020 10:00:00").getTime();  // CHANGE DATE AND TIME HERE

// Update the count down every 1 second
var countdown = setInterval(function() {

  // Get todays date and time
  var now = new Date().getTime();

  // Find the difference between now and the count down date
  var difference = countDownDate - now;

  // Time calculations for days, hours, minutes and seconds
  var days = Math.floor(difference / (1000 * 60 * 60 * 24));
  var hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((difference % (1000 * 60)) / 1000);

  // If the difference is less than 0, stop countdown
  if (difference < 0) {
    clearInterval(countdown);
    days = 0, hours = 0, minutes = 0, seconds = 0;
  }

  // Output the result
  document.getElementById("days").children[0].innerText = days;
  document.getElementById("hours").children[0].innerText = hours;
  document.getElementById("minutes").children[0].innerText = minutes;
  document.getElementById("seconds").children[0].innerText = seconds;
}, 1000);</script>

غير تاريخ و الساعة ملون بأحمر إلى الوقت الذي تريده
طبعا غير ما تريده إلى ما يناسبك

سكريبت عرض حلقات بشكل إحترافية بلوجر

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

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

شارك Share Tweet Share Share Share

انقر هنا

محمد نجيري (mnajiri@) مشرف على مدونة ماتريال ويب تحت الرابط التالي :https://mdwab.blogspot.com/ مند 2018 و أدعوك لمتابعتي عبر حسابي على أنستغرام