How to do empty screen on blogger website with code

If you want to create a simple HTML template for a blog post on Blogspot (now known as Blogger), here's a basic example of an empty screen code you can use as a starting point:

html
<!DOCTYPE html>
<html>
<head>
    <title>Your Blog Post Title</title>
</head>
<body>
    <header>
        <h1>Your Blog Post Title</h1>
    </header>
    
    <main>
        <article>
            <p>This is your blog post content. Write your text here.</p>
        </article>
    </main>
    
    <footer>
        <p>Posted by [Your Name] on [Date]</p>
    </footer>
</body>
</html>


In this code:

  • Replace "Your Blog Post Title" with the title of your blog post.
  • Replace "This is your blog post content. Write your text here." with the actual content of your blog post.
  • Update "[Your Name]" and "[Date]" in the footer with your name and the date of the post.

You can further customize this template by adding styles, images, and other elements to make it fit your blog's design. Once you have your content ready, you can go to your Blogspot (Blogger) dashboard and create a new post, then switch to the HTML editor and paste your code.

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.