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

هناك من يحب ان يعلم زواره بالتاريخ الحالي خصوصاً المواقع الإخبارية والتقنية التي تنزل اخبار وتاريخ اليوم يوضح مدى حداثة تلك الأخبار هذه الإضافة هي إعداد وتطوير حصري لكن مدون 

هناك اصدارين من هذه الإضافة الإصدار الأساسي وهي الصيغة العادية للتاريخ ويمكنك رؤية مثال حي كما في النموذج التالي

الجمعة / 17 / ابريل / 2015 م

هذا الإصدار يحتاج بعض الحرفية في الإضافة حتى تنتقي له مكان مناسبب في القالب مثلا في القائمة العلوية او ما الى ذلك وطبعا يصعب توضيح تركيب هذا الإصدار لان كل قالب مختلف عن الآخر لكن من لديه خبرة بسيطة بالقوالب سيكون قادراً على تركيبه

وهذا هو الكود الخاص به اضفه في المكان المناسب

<script src='https://cnmu.googlecode.com/svn/trunk/2015/date-melady.js' type='text/javascript'></script>

ويمكنك استخدام هذا الكود معه لتلوين الخط الاساسي يضاف فوق الوسم ]]></b:skin>

cnmumeladate {color: #fff;}
.fasel {color: #ddd;}

هذا اللون #fff هو لون التالريخ وهذا #ddd هو لون الفواصل

أما من يريد الكود بشكل منسق كالتالي

كن مدونكن مدونالجمعة / 17 / ابريل / 2015 م

يضاف مباشرة في آداة HTML/JavaScript

<style>
#cnmumeladate {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 2px #000;
  display: block;
  height: 120px;
  width: 140px;
}
.cnmdaylabel {
  background-color: #e70307;
  border-bottom: 1px solid #bbb;
  border-radius: 5px 5px 0 0;
  color: #fff;
  float: right;
  font: bold 18px tahoma;
  margin-bottom: 5px;
  padding: 3px 0 5px;
  text-align: center;
  width: 100%;
}
.daylnum {
  color: #555;
  display: block;
  float: right;
  font: bold 70px/70px serif;
  height: 70px;
  overflow: hidden;
  text-align: center;
  width: 80px;
}
.month {
  float: left;
  font: 20px tahoma;
  margin-top: 12px;
  text-align: center;
  width: 60px;
}
.year {
  float: right;
  font: bold 18px serif;
  margin: 2px 5px;
}
.melady {font: bold 18px serif;}
.fasel {display: none;}
</style>
<script src='https://cnmu.googlecode.com/svn/trunk/2015/date-melady.js' type='text/javascript'></script>

يمكنك تغيير اللون الأحمر باللون الذي تريد

تجربة موفقة مع تحياتي