BlogSeba Q

ব্লগার ওয়েবসাইটে ডিজিটাল ঘড়ি যোগ করা একটি সহজ এবং মজার প্রক্রিয়া। এটি আপনার ওয়েবসাইটে একটি পেশাদারী এবং আকর্ষণীয় চেহারা প্রদান করবে। নিচে ধাপে ধাপে নির্দেশনা দেওয়া হলো কিভাবে আপনি ডিজিটাল ঘড়ি যোগ করতে পারেন:

HTML/JavaScript গ্যাজেট যোগ করুন

• ব্লগার ড্যাশবোর্ডে প্রবেশ করুন: আপনার ব্লগারের অ্যাকাউন্টে লগ ইন করুন এবং আপনি যে ব্লগে ডিজিটাল ঘড়ি যোগ করতে চান সেটি নির্বাচন করুন।
• লেআউট এ যান: ব্লগারের ড্যাশবোর্ডে বাম পাশের মেনু থেকে 'লেআউট' অপশনটি নির্বাচন করুন।
• গ্যাজেট যোগ করুন: পেজের যেখানে ডিজিটাল ঘড়িটি প্রদর্শন করতে চান সেখানে "Add a Gadget" (গ্যাজেট যোগ করুন) বাটনে ক্লিক করুন।
• HTML/JavaScript নির্বাচন করুন: 'Add a Gadget' উইন্ডো থেকে "HTML/JavaScript" গ্যাজেটটি নির্বাচন করুন।

ডিজিটাল ঘড়ি দেখানোর জন্য কোড যুক্ত করুন

<div class="widget Label" >
<!--[ Digital Clock Wedget by BlogSeba ]-->
<h2 class="title dt" id="Features">ডিজিটাল ঘড়ি</h2><div class="clock">
        <span id="hour">00</span>:<span id="minute">00</span>:<span id="second">00</span>
    </div></div>

<style>@import url('https://fonts.cdnfonts.com/css/ds-digital');</style>
<style>
.clock {
  /* Digital Clock Wedget by BlogSeba */
  font-family: DS-Digital, sans-serif;
  margin-bottom: 20px;
  font-size: 80px;
  text-align: center;
}
</style>

<script>function updateClock() {
    var now = new Date();
    var hour = now.getHours();
    var minute = now.getMinutes();
    var second = now.getSeconds();
    
    // Digital Clock Wedget by BlogSeba
    hour = (hour < 10) ? "0" + hour : hour;
    minute = (minute < 10) ? "0" + minute : minute;
    second = (second < 10) ? "0" + second : second;

    // Update the clock's display
    document.getElementById("hour").innerText = hour;
    document.getElementById("minute").innerText = minute;
    document.getElementById("second").innerText = second;
}

// Update the clock every second
setInterval(updateClock, 1000);

// Initial call to display the clock when the page loads
updateClock();
</script>

তারপর 'Save' বাটনে ক্লিক করে সংরক্ষণ করুন। এবার আপনি আপনার ওয়েবসাইটে গিয়ে দেখেন, আপনার যোগ করা ডিজিটাল ঘড়িটি ঠিকমতো দেখাচ্ছে কিনা। আশা করি আপনি উপরের নির্দেশনাগুলো সঠিকভাবে পূরণ করলে আপনি ডিজিটাল ঘড়িটি খুব সহজে যোগ করতে পারবেন।

আমাদের কিছু কথা

এভাবেই আপনি সহজেই আপনার ব্লগার ওয়েবসাইটে একটি আকর্ষণীয় ডিজিটাল ঘড়ি যোগ করতে পারেন। এটি আপনার ওয়েবসাইটের ভিজিটরদের জন্য একটি চমৎকার ফিচার হবে।

লিঙ্কে যান