تركيب ساعة و اضافة التاريخ لقالب بلوجر

إضافة الساعة مع أداة التاريخ والوقت في مدونة بلوجر

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

إضافة ساعة مع تاريخ لقالب بلوجر هي خطوة رائعة لتحسين تجربة المستخدم وجعل مدونتك أكثر احترافية وجاذبية. طيب، شلون نسوي هالشيء؟

أول شيء، لازم تعرف شوية HTML وCSS، ما راح يكون الموضوع معقد، بس شوي تركيز ويصير عندك ساعة وتاريخ فخم! 😎

الخطوة 1: تحرير HTML

افتح لوحة تحكم بلوجر وروح لقسم "المظهر" واضغط على "تحرير HTML" (Edit HTML). حدد المكان اللي تبي تظهر فيه الساعة والتاريخ، ممكن يكون في الهيدر أو الفوتر، أو حتى في الشريط الجانبي.

الخطوة 2: إضافة الكود

الآن، نجي للكود. انسخ الكود التالي وألصقه في المكان اللي اخترته:

<div id="clock-date"> <span id="date"></span> | <span id="time"></span> </div>

الخطوة 3: إضافة CSS (تصميم)

عشان الساعة والتاريخ يطلعون بشكل مرتب وحلو، لازم تضيف بعض الستايل للاكواد

#clock-date {
font-family: 'Arial', sans-serif;
font-size: 14px;
color: #333;
text-align: center;
margin-top: 10px;
}

#clock-date span {
margin: 0 5px;
}

الخطوة 4: إضافة JavaScript

حتى الوقت والتاريخ يكونون متجددين لحظيًا، أضف هذا الكود الجافا سكريبت قبل وسم </body>:

<script>

  function updateTime() {

    var now = new Date();

    var date = now.toLocaleDateString();

    var time = now.toLocaleTimeString();

    document.getElementById('date').innerHTML = date;

    document.getElementById('time').innerHTML = time;

  }

  setInterval(updateTime, 1000);

  updateTime();

</script>

الخطوة 5: حفظ ومعاينة

 احفظ التغييرات وشغل المعاينة عشان تشوف النتيجة. إذا كل شيء تمام، راح تشوف الساعة والتاريخ يظهرون بشكل حي ومباشر في مدونتك!🎉 وبكذا، تكون أضفت لمسة احترافية لمدونتك! الحين زوارك راح يعرفون الوقت والتاريخ وهم يتصفحون محتواك.شو رايك، مو حلو؟! 😄