إضافة التاريخ الهجري لمدونات بلوجر

منذ ان طرحنا إضافة التاريخ الميلادي واتت طلبات على إضافة التاريخ الهجري لكن بسبب مشاغل نسيت الأمر لكن ذكرني الله اياه وفوراً تم تطوير إضافة حصرية لكم متابعينا تتضمن عرض التاريخ الهجري بشكل مميز/// لمعيانة الاضافة

<style type="text/css">
.cnmu-hijrid {
  background-color: #3da04b;
  border: 4px solid #fff;
  border-radius: 4px;
  box-shadow: 0 0 2px #000;
  color: #fff;
  margin: 10px auto;
  width: 170px;
}
.cnmu-hijrid .datname {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 50px #000 inset;
  display: block;
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.cnmu-hijrid .datnum {
  background-color: #000;
  border-radius: 4px;
  display: inline-block;
  float: right;
  font-size: 24px;
  height: 48px;
  line-height: 48px;
  margin: 10px 10px 10px 0;
  text-align: center;
  width: 48px;
}
.cnmu-hijrid .month {
  display: block;
  float: left;
  font-family: times new roman;
  font-size: 20px;
  margin: 5px;
  text-align: center;
  width: 100px;
}
.cnmu-hijrid .yearf {
  background-color: #fff;
  border-radius: 2px;
  color: #000;
  display: inline-block;
  float: left;
  font-size: 20px;
  height: 24px;
  line-height: 24px;
  margin-bottom: 5px;
  margin-left: 18px;
  text-align: center;
  width: 80px;
}
.fasel1,.fasel2,.fasel3 {display: none;}
</style>
<script type="text/javascript" src="https://cdn.rawgit.com/cnmu/2015-16/master/Hijridate.js"></script>
<script type='text/javascript'>
document.write(writeIslamicDate(0))
</script> 
بما ان التاريخ الهجري متغير فقد ياتي شهر شوم زائد او ناقص بحسب دورة القمر فنحتاج ان تكون هناك امكانية لمجارات هذا
وهذا متاح في الإضافة
القمر 0 كل ما عليك فعله لزيادة يوم ان تستبدله بالرقم 1 ولإنقاص يوم إستبدل بسالب 1 هكذا -1
هذا #3da04b هو لون الإضافة عدله ان اردت

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

كن مدونكن مدونالإثنين / 3 / ربيع الأول / 1437 هـ

المصدر كن مدون