Simple Code for a custom 404 page on Blogger
custom 404 page on Blogger
For a custom 404 page on Blogger, you can use HTML to create a simple and effective error page.
Here's a basic template y
Simple Code for a custom 404 page on Blogger
custom 404 page on Blogger
For a custom 404 page on Blogger, you can use HTML to create a simple and effective error page.
Here's a basic template you can use.
You'll need to create a new static page in Blogger for this and set it as your 404 error page.
Steps to create a custom 404 page in Blogger
1. **Create a New Page:**
- Go to your Blogger dashboard.
- Navigate to "Pages."
- Click on "New Page."
2. **Enter the HTML for Your Custom 404 Page:**
simple HTML template for a custom 404 page
```html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>404 - Page Not Found</title><style>body {font-family: Arial, sans-serif;text-align: center;padding: 50px;background-color: #f4f4f4;}.container {max-width: 600px;margin: 0 auto;background: #fff;padding: 20px;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}h1 {font-size: 3em;color: #333;}p {font-size: 1.2em;color: #666;}a {color: #007BFF;text-decoration: none;}a:hover {text-decoration: underline;}</style></head><body><div class="container"><h1>404 - Page Not Found</h1><p>Oops! It looks like the page you’re looking for doesn’t exist.</p><p>Return to our <a href="/">homepage</a> or use the links below to find what you need:</p><ul><li><a href="/">Home</a></li><li><a href="/about">About Us</a></li><li><a href="/contact">Contact Us</a></li><li><a href="/blog">Blog</a></li></ul><p>Sorry for the inconvenience!</p></div></body></html>```
3. **Publish the Page:**
- Give your page a title like "404 - Page Not Found."
- Publish the page.
4. **Set Up the 404 Error Page:**
- Go to the "Theme" section of your Blogger dashboard.
- Click on the "Edit HTML" button under the "Theme" section.
- Use the search function to locate the existing 404 page settings or create a new one based on your theme’s structure.
- Replace or modify the existing 404 page code to redirect to your new custom page.
This typically involves adding a meta refresh tag or JavaScript redirect.
If you’re unfamiliar with HTML and Blogger’s template system, it might be a good idea to consult the Blogger documentation or seek help from a web developer.
Complete Html css Code 404 Page Not Found
Code