ماهي اللغات المسموح بها في Blogger

السلام عليكم،

أريد إنشاء مدونة Blogger خاصة بي وأريد أن أصممه بنفسي، وأريد معرفة ماهي اللغات البرمجية المسموح بها في Blogger ؟

ما أعرفه هي لغات HTML، XML، CSS، Java Script، ... فهل توجد لغات أخرى؟

أريد بعض المساعدة في هاته الأمور:

1: كيف يمكن أن أضيف التاريخ الهجري، يعني عند وضع منشور في Blogger يذكر تاريخ النشر فهل يمكن إعتماد على التاريخ الهجري مع الميلادي؟

2: هل يمكن وضع كتابة نصية مثلا (عاجل / جديد) تضيئ وتنطفئ كالإنارة ؟

3: كيف يمكن وضع مقال يأخد مساحة 100٪ في الوسط عكس القوالب Blogger الأخرى؟

أسف على ركاكة اللغة.


Elalfi_Web أضف ردا
كيف يمكن أن أضيف التاريخ الهجري، يعني عند وضع منشور في Blogger يذكر تاريخ النشر فهل يمكن إعتماد على التاريخ الهجري مع الميلادي؟

يمكنك أن تستخدم مكتبة moment مع moment-hijri لكي تجلب تاريخ المقالة من عنصر div على سبيل المثال، ثم تحويله إلى التاريخ الهجري وإضافته بجانب (أو بمكان) التاريخ الهجري، كالتالي:

<div id="post-date">2021-10-01 16:40:00</div>

<!-- Load the moment-with-locales -->
<script src="https://cdn.jsdelivr.net/npm/moment@2.19.1/moment.js"></script>
<script src="https://cdn.jsdelivr.net/npm/moment-hijri@2.0.1/moment-hijri.js"></script>

<script>
    var postDate = document.getElementById('post-date').innerText;
    moment().format('iYYYY/iM/iD');
    hijriDate = moment(postDate, 'YYYY-M-D HH:mm:ss').format('iYYYY/iM/iD HH:mm:ss'); // 1443/2/24 16:40:00
    console.log(hijriDate);
</script>

بالنسبة للسؤال الثاني:

هل يمكن وضع كتابة نصية مثلا (عاجل / جديد) تضيئ وتنطفئ كالإنارة ؟

نعم يمكنك عمل ذلك من خلال CSS على النحو التالي:

<style>
#news {
     -webkit-animation: flickerAnimation 1s infinite;
   -moz-animation: flickerAnimation 1s infinite;
   -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
    color: white;
    background-color: red;
    padding: 10px;
    display: inline-block;
}


@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
</style>
<div id="news">breaking news</div>

بهذه الطريقة يمكنك أن تظهر مربع يحتوي على كلمة Breaking news بلون أحمر ويظهر ويختفي بشكل لا نهائي. يمكنك معرفة المزيد من خلال قراءة هذه المقالة التي تشرح التحريك والإنتقالات في CSS:

أو من خلال موسوعة حسوب:+

كيف يمكن وضع مقال يأخد مساحة 100٪ في الوسط عكس القوالب Blogger الأخرى؟

تستطيع عمل ذلك من خلال CSS أيضًا من خلال إضافة الخصائص التالية إلى قسم التدوينة :

#post {
  display: block;
  width: 100%;
}

شكرا جزيلا أخي