কিভাবে ব্লগারে ডিজিটাল ঘড়ি যোগ করবেন

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

কিভাবে ডিজিটাল ঘড়ি যোগ করবেন

ডিজিটাল ঘড়ি যোগ করার জন্য প্রয়োজন হবে একটি জাভাস্ক্রিপ্ট কোডের, যেই কোডটি নিচে দেওয়া আছে। তো বেশি কথা না বাড়িয়ে চলুন কিভাবে ডিজিটাল ঘড়ি যোগ করবেন ধাপে ধাপে দেখে নেই–

ধাপ ১: আপনার ব্লগার ড্যাশবোর্ডে লগইন করুন।

ধাপ ২: Layout বিভাগে যান।

ধাপ ৩: top-widget তে গিয়ে Add a Gadget এ ক্লিক করুন। একটি পপআপ বক্স প্রদর্শিত হবে।

ধাপ ৪: এখন HTML/JavaScript এ ক্লিক করুন।

ধাপ ৫: নীচের কোডগুলি কপি করুন Content বিভাগে পেস্ট করুন এবং Title ফাঁকা রাখুন।

ধাপ ৬: এখন Save বোতামে ক্লিক করুন।

    	<div class="widget Label" >
<!--[ Digital Clock Wedget by Blog Seba ]-->
<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 Blog Seba */
  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 Blog Seba
    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>

কোড ক্রেডিট: ব্লগ সেবা

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

ভিডিও টিউটোরিয়াল

আরো ভালো ভাবে বুঝার জন্য আমাদের ইউটিউব ভিডিও টিউটোরিয়াল দেখে আসতে পারেন, আসা করি সেটা দেখে আরো ভালোভাবে বুঝতে পারবেন।