 |
| How to creat a password protect page on blogger-Bongobad |
Welcome to the Bangabad website. To set Bangla date and time in Time Blogger, you have to setup it through html code. In creating a blog site, there is a need to add Bengali date and time to the site. We will show you how to easily add date and time to your blogger site through this article.
Date and time html code on blogger | Bangla date and time html code
In this article we will show you very simply how to use date and time in your website. Most Bhai Blogger sites have a site bar on the right side. You can also set the time and date via widgets in the sidebar on the right. Or you can setup date and time using html code where it says add a gadget in blogger theme.
Let's now how to date and time using html code on blogger
This post is very necessary for those who are using blogger blog spot site. Because if you want to use any features on blogger's blog spot site, you have to write code and use them. Because any type of plugging like WordPress site cannot be used on Blogger's blog spot site.
Read More: ব্লগার ওয়েবসাইটে কিভাবে কাস্টম ডোমেইন সেটআপ করবো
There is a need to use Bengali date and time in many sites created with blogspot sites. This is especially necessary in the case of various Bengali blog sites or news sites.If you want to use Bengali date and time in your blogger site then you need to read this post carefully from beginning to end.
And you need to download the codes that are in this post. Without further ado let's see how to make bangla date within blogger site.Especially if you want to use Bengali date and time in blogger site, you need to display Bengali date and time using HTML code with site bar or top menubar.
Table of Contents date and time html code:
Where can Bengali date and time be used on Blogger website?
How to use codes
Are the codes mobile friendly?
Bengali date and time codes download/copy-paste
FAQs section
Comment
Where can Bengali date and time be used on Blogger website?
To use Bengali date and time on Blogger site you need to put HTML codes in HTML option in Ad Gadget. Download the desired codes from the download option of this post and place them in the Add a Gazette option.
How to use Bengali date and time codes
- First go to blogger dashboard
- Then go to the Layout option from the dashboard
- Then you need to go to where you want to use or display Bengali date and time on your website.
- Click on HTML/JavaScript from Add a Gadget option.
- Then the desired codes (codes are given below this post) - they have to be pasted.
- Must be saved.
Are the codes mobile friendly?
Bengali date and time codes Copy to Clip boars here
<!doctype html>
<script>
function updateClock() {
var now = new Date();
var day = now.toLocaleString('en-us', { weekday: 'long' });
var date = now.toLocaleString('en-us', { month: 'long', day: 'numeric', year: 'numeric' });
var time = now.toLocaleString('en-US', { hour: 'numeric', minute: 'numeric', second: 'numeric', hour12: true });
document.getElementById('day').textContent = day;
document.getElementById('date').textContent = date;
document.getElementById('time').textContent = time;
}
// Update the clock every second
setInterval(updateClock, 1000);
</script>
<h1>Date & Time</h1>
<p>Day: <span id="day"></span></p>
<p>Date: <span id="date"></span></p>
<p>Time: <span id="time"></span></p>
</!doctype>
--------------------------------------------------------------
Colour Code
-----------------
<!doctype html>
<style>
body {
font-family: Arial, sans-serif;
text-align: left;
background-color: #f0f0f0;
}
h3 {
color: #333;
}
p {
font-size: 18px;
}
span {
font-weight: bold;
}
#day {
color: #009933; /* Green */
}
#date {
color: #ff6600; /* Orange */
}
#time {
color: #0066cc; /* Blue */
}
</style>
<script>
function updateClock() {
var now = new Date();
var day = now.toLocaleString('en-us', { weekday: 'long' });
var date = now.toLocaleString('en-us', { month: 'long', day: 'numeric', year: 'numeric' });
var time = now.toLocaleString('en-US', { hour: 'numeric', minute: 'numeric', second: 'numeric', hour12: true });
document.getElementById('day').textContent = day;
document.getElementById('date').textContent = date;
document.getElementById('time').textContent = time;
}
// Update the clock every second
setInterval(updateClock, 1000);
</script>
<h3>Date & Time</h3>
<p>Day: <span id="day"></span></p>
<p>Date: <span id="date"></span></p>
<p>Time: <span id="time"></span></p>
</!doctype><div id="time-date-container">
<div id="current-time"></div>
<div id="current-date"></div>
</div>
<script>
function updateTime() {
var currentTime = new Date();
var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();
var seconds = currentTime.getSeconds();
if (minutes < 10) {
minutes = "0" + minutes;
}
if (seconds < 10) {
seconds = "0" + seconds;
}
var timeString = hours + ":" + minutes + ":" + seconds;
document.getElementById("current-time").innerHTML = timeString;
}
function updateDate() {
var currentDate = new Date();
var day = currentDate.getDate();
var month = currentDate.getMonth() + 1;
var year = currentDate.getFullYear();
var dateString = month + "/" + day + "/" + year;
document.getElementById("current-date").innerHTML = dateString;
}
setInterval(updateTime, 1000);
setInterval(updateDate, 1000);
</script><div id="current-time"></div>
<script>
function updateTime() {
var currentTime = new Date();
var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();
var seconds = currentTime.getSeconds();
if (minutes < 10) {
minutes = "0" + minutes;
}
if (seconds < 10) {
seconds = "0" + seconds;
}
var timeString = hours + ":" + minutes + ":" + seconds;
document.getElementById("current-time").innerHTML = timeString;
}
setInterval(updateTime, 1000);
</script>Bengali date and time codes DOWNLOAD here:
Click the Button Below to Download the File.
Post a Comment