Stylish Professional Custom Error Page for Blogger

Share on:

In today’s post, we will Know What Is Custom Error Page For Blogger And how we can easily create a Professional custom error page in our blogger blog.

Stylish Professional Custom Error Page for Blogger

Before that, let us know some things like what are the error codes, what does 404 error code mean, what are custom error pages and how to create a custom Error Page In Blogger.

what is error code

Websites in the Internet have many types of error codes, all of which have their own meaning, these are called http / https status codes.

Also Read:  How To Make Your Blog Stand Out

What is 404 error code

404 error code means not found. That is to access a document which is not present, then this error code is displayed.

What is a custom error page

In the blogger, the error page is already available, so if someone requests an unavailable page, the user is told the error.

Apart from this, there is a feature in Blogger that we can create an error page according to our own, it is called a custom error page.

How to create a custom error page in Blogger

To create a custom error page in Blogger, you have to follow the steps below –

1. The first thing you have to do is login to Blogger and open Blogger Dashboard.

2. Go to Blogger settings and go to Errors And Redirects.

Setting-> Errors And Redirects->Custom 404

How to create a custom error page in Blogger

3. After doing this, you will see the Custom 404 section.

4. You will see written not set in this custom page not found, you have to edit in it.

5. After this, whatever error page you have to create, you have to paste that code here.

6. Finally, you can click on save and by doing so your custom error page will be created.

9+ Stylish professional custom error Pages Code for blogger

Styling Custom Error Page #1


Styling Custom Error Page #1



<h2 style=”font-size: 35px;margin: 0;text-align: center;”>Oops..!<br/><br/>

/></h2>
<h3 style=”font-size:17px;”><br></h3><img src=”https://1.bp.blogspot.com/-7FyIRevHAl4/XzN9romqMhI/AAAAAAAAAAU/Iqx-8dv8jIID1xGGdej3WN6AIEimUXZGQCLcBGAsYHQ/s1600/stylish-professional-custom-404-error-pages2.jpg”/>
<h2 style=”font-size: 35px;margin: 0;text-align: center;”><br/><br/>
<center><a href=”/” >HOME</a></center></h2>

Styling Custom Error Page #2

Styling Custom Error Page #2

<h2 style=”font-size: 35px;margin: 0;text-align: center;”>Oops..!<br/><br/>
</h2>
<h3 style=”font-size:17px;”><br></h3><img src=”https://1.bp.blogspot.com/-5HQO6o5zfGw/XzN-tegWNPI/AAAAAAAAAAg/H80Qxg9YG6ACtMnn2-iNb4nQB4RF56QXgCLcBGAsYHQ/s1600/stylish-professional-custom-404-error-pages3.jpg”/>
<h2 style=”font-size: 35px;margin: 0;text-align: center;”><br/><br/>
<center><a href=”/” >HOME</a></center></h2>

Styling Custom Error Page #3

Styling Custom Error Page #3

<h2 style=”font-size: 35px;margin: 0;text-align: center;”>Oops..!<br/><br/>
</h2>
<h3 style=”font-size:17px;”><br></h3><img src=”https://1.bp.blogspot.com/-K4Q6X8xZw8c/XzN_Cf3G-ZI/AAAAAAAAAAo/T7U-wMwPKls8vm1lKRfDixb1B6sXxkAHwCLcBGAsYHQ/s1600/stylish-professional-custom-404-error-pages4.jpg”/>
<h2 style=”font-size: 35px;margin: 0;text-align: center;”><br/><br/>
<center><a href=”/” >HOME</a></center></h2>

Styling Custom Error Page #4

Styling Custom Error Page #4

<h2 style=”font-size: 35px;margin: 0;text-align: center;”>Oops..!<br/><br/>
</h2>
<h3 style=”font-size:17px;”><br></h3><img src=”https://1.bp.blogspot.com/-6OxiShiiFCw/XzN_QmrB8XI/AAAAAAAAAAs/xJ4P1_RwyJgaojlCzqW0dM_C9FRgRXBBgCLcBGAsYHQ/s1600/stylish-professional-custom-404-error-pages5.jpg”/>
<h2 style=”font-size: 35px;margin: 0;text-align: center;”><br/><br/>
<center><a href=”/” >HOME</a></center></h2>

Styling Custom Error Page #5

Styling Custom Error Page #5

<h2 style=”font-size: 35px;margin: 0;text-align: center;”>Oops..!<br/><br/>
</h2>
<h3 style=”font-size:17px;”><br></h3><img src=”https://1.bp.blogspot.com/-6_Szt00bbnA/XzN_f_4RxGI/AAAAAAAAAA0/C1eBfcuRCQAJ6vIkbMZOrttcsZfhmLDIACLcBGAsYHQ/s1600/stylish-professional-custom-404-error-pages6.jpg”/>
<h2 style=”font-size: 35px;margin: 0;text-align: center;”><br/><br/>
<center><a href=”/” >HOME</a></center >




Styling Custom Error Page #6

Styling Custom Error Page #6


<h2 center;”>Oops..!<br/><br/>
</h2>
<h3 style=”font-size:17px;”><br></h3><img src=”https://1.bp.blogspot.com/-yssdP28wQmw/XzN_u1eBxrI/AAAAAAAAAA8/DtRDKBIBNkEhQGDXP5RVS8YPksJ_mZ1AwCLcBGAsYHQ/s1600/stylish-professional-custom-404-error-pages7.jpg”/>
<h2 style=”font-size: 35px;margin: 0;text-align: center;”><br/><br/>
<center><a href=”/” >HOME</a></center></h2>

Styling Custom Error Page #7

Styling Custom Error Page #7

<h2 style=”font-size: 35px;margin: 0;text-align: center;”>Oops..!<br/><br/>
</h2>
<h3 style=”font-size:17px;”><br></h3><img src=”https://1.bp.blogspot.com/-cyWgji6JtOs/XzN_92w7yRI/AAAAAAAAABE/Mkrf6kB37eMD8srl4e6ANG-ykZqzCU6rQCLcBGAsYHQ/s1600/stylish-professional-custom-404-error-pages8.jpg”/>
<h2 style=”font-size: 35px;margin: 0;text-align: center;”><br/><br/>
<center><a href=”/” >HOME</a></center></h2>

Styling Custom Error Page #8

Styling Custom Error Page #8

<h2 style=”font-size: 35px;margin: 0;text-align: center;”>Oops..!<br/><br/>
</h2>
<h3 style=”font-size:17px;”><br></h3><img src=”https://1.bp.blogspot.com/-HBa9JHsbLpw/XzOALo2Gy5I/AAAAAAAAABM/FDaLb-rvMwg9T4vDAtqCs-XO1tyZma6kQCLcBGAsYHQ/s1600/stylish-professional-custom-404-error-pages9.jpg”/>
<h2 style=”font-size: 35px;margin: 0;text-align: center;”><br/><br/>
<center><a href=”/” >HOME</a></center></h2>

Styling Custom Error Page #9

Styling Custom Error Page #9

<h2 style=”font-size: 35px;margin: 0;text-align: center;”>Oops..!<br/><br/>
</h2>
<h3 style=”font-size:17px;”><br></h3><img src=”https://1.bp.blogspot.com/-AOrpnRRhMtM/XzOAdLhga6I/AAAAAAAAABY/VstHpI4fZPMhIAuAuVcnqaruDnJZ8lELACLcBGAsYHQ/s1600/stylish-professional-custom-404-error-pages10.jpg”/>
<h2 style=”font-size: 35px;margin: 0;text-align: center;”><br/><br/>
<center><a href=”/” >HOME</a></center></h2>

Also Read:  WordPress.com Vs Blogger Vs WordPress.org - Which Is Better ?

Styling Custom Error Page #10

Styling Custom Error Page #10

<h2 style=”font-size: 35px;margin: 0;text-align: center;”>Oops..!<br/><br/>
</h2>
<h3 style=”font-size:17px;”><br></h3><img src=”https://1.bp.blogspot.com/-6a9b9DucXuw/XzOArumZekI/AAAAAAAAABc/WvWOhZDQcnYjHTVWHqjIyxpscBqhrC1pACLcBGAsYHQ/s1600/stylish-professional-custom-404-error-pages11.jpg”/>
<h2 style=”font-size: 35px;margin: 0;text-align: center;”><br/><br/>
<center><a href=”/” >HOME</a></center></h2>

Styling Custom Error Page #11

Styling Custom Error Page #11

<h2 style=”font-size: 35px;margin: 0;text-align: center;”>Oops..!<br/><br/>
</h2>
<h3 style=”font-size:17px;”><br></h3><img src=”https://1.bp.blogspot.com/-FxnskJ_LUPc/XzOA7UYv00I/AAAAAAAAABk/mCVHamcC0foGbTgSqw5OmBkQshKHANWCACLcBGAsYHQ/s1600/stylish-professional-custom-404-error-pages12.jpg”/>
<h2 style=”font-size: 35px;margin: 0;text-align: center;”><br/><br/>
<center><a href=”/” >HOME</a></center></h2>

How To Add Own Custom Image In Blogger 404 Error (Not Found ) Page

If you want to place any of your custom images in the blogger’s error page, follow the steps below –

1. First of all, you have to take the code of the custom error page from somewhere, if you know the coding itself then you can also create your own code.

2. For example, let us take a code which is written below

<h2 style = “font-size: 35px; margin: 0; text-align: center;”> Oops ..! </h2> <br/> <br/><h3 style = “font-size: 17px;”> <br> </h3> <img src = “https://1.bp.blogspot.com/-3U-ohrgFWHU/XzN9WTwqbmI/AAAAAAAAAAM/RDkAuRHq7RAJPcxSZS/QQ/rQS_EQQ/16QQ_RC0GWSQE_QWRQWSX/rQS04QQN0QXXXXXXXXXXRQW/ stylish-professional-custom-404-error-pages1.jpg “/><h2 style = “font-size: 35px; margin: 0; text-align: center;”> <br/> <br/><center> <a href=”https://TECHYWEBTECH.blogspot.com“> HOME </a> </center> </h2>

In order to place your photo in the error page of Blogger, we have to make some changes in this code.

3. In the code of Yellow color, you have to enter the URL address of your image.

Also Read:  Ultimate Guide:Customize Blogger Comment Section

4. Put the URL of your blog’s home in the red color URL address.

After this, you will have the code of the error page of your own photo, you have To Add it in your blog.

Create a URL address for any of your images

Don’t Know How To Create Own Image URL ?

Don’t Worry I Am Here To Help You .

Go To Free Image Hosting Sites.

Upload Your image.

You Image URL Generate In A Second Get This URL And Use On Custom Error Page Code..

Wrapping up :

So , Now This Post Is Ended.

In This Post Covered What Is Custom Error Page, How To Create Custom Error Page in Blogger And How To Use Own Image In Blogger Custom Error Page.

I Hope Happy With This Post.

Then , Help Me By Sharing This Post This Will Not Make Only Day Buy Year.

Always Keep In Touch.

Sharing Is Caring 🙏🙏

Leave a Comment