Alert box

×

Visit premium theme zone

Visit

join telegram Channel for updates

join

How to add real-time Greetings massege in post

 How to add real-time Greetings massege to Your Blogger Blog

How to add real-time Greetings massege


Greeting your readers based on the time of day can personalize their experience on your blog. With a few lines of HTML, CSS, and JavaScript, you can add dynamic greetings to your Blogger blog. Here’s how:


Step 1: Open your Blogger Dashboard

Log in to your Blogger account and navigate to the blog where you want to add dynamic greetings.

Step 2: Access the layout section 

Now all theme have a AdSense add widget above blog post widget now you need to paste these whole code in this AdSense ad (HTML javascript widget) you can paste both 1. AdSense ad code and this script too now paste all code and save it 

<p id="samay"></p>
<script>
let date = new Date();
let hour = date.getHours();
let heading = document.querySelector("#samay");
if (hour > 5 && hour < 12) {
  heading.innerText = "good morning";
}
else if (hour > 11 && hour < 16){
  heading.innerText = "good afternoon";   
}
else if (hour > 15 && hour < 20){
  heading.innerText = "good evening";   
}
else {
  heading.innerText = "good night";  
}
console.log(hour);
document.location
</script>
<style>
    #samay{
        display: flex;
        justify-content: center;
        text-align: center;
        text-transform: capitalize;
        font-size: 16px;
        max-width: 150px;
        margin: auto;
        padding: 8px;
        font-family:open sans;
        border-radius: 20px;
        border: 1px solid #ccc; 
        color: black;}
</style>

  
 
Paste Here

After that 

Visit your site to see the dynamic greetings widget. If everything looks good, then enjoy if not showing you can paste whole code above the <data:post.body> or above <entry-title> tag to see same result 

That's it! Now your Blogger blog will greet your readers with a personalized message based on the time of day.

Last word

In this post we will provided information about How to add real-time Greetings massege in post, If you enjoy this post, kindly share it with your friends. For any queries, feel free to join our Telegram channel, where we share exclusive and informative content. Many valuable tips are exclusively available on our Telegram channel. Stay updated with your favorite source, DK Technozone.

Next Post Previous Post
No Comment
Add Comment
comment url