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

على التدوينة

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

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

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

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

<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 هو لون الفواصل

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

يضاف مباشرة في آداة 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>

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

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

أسفل التدوينة