Cute 404 Error Pages For Blogger

By -
0 Flares Filament.io 0 Flares ×

404 Error is Generated by Blogger When a User/Visitor Enters an Invalid/Wrong URL . In Other Words 404 Error is an HTTP Status Code That Means the Page You Are Trying to Open On Any Blog is Not there or Deleted by The Admin . When Someone Enter Wrong/Invalid URL So Blogger Gives The Result in Simple Style which Does not make Sense.Now I will Show You How To Add Cute and Stylish 404 Error Pages To Blogger.

LIVE DEMO

First We Will Learn How To Show Custom Message Instead Of 404 Error.Its Not Stylish But We Will Also Learn About That . So Now How To Show Custom Message instead of 404 Error.Follow The Below Simple Steps.

1) Go To Blogger.com

2) Then Go To Blogger Dashboard. ( Remember You Must Have New Blogger Interface )

3) Then Go To Settings.

4) Then Click On Search Preferences.

5) After That Put Your Own Message in The Box and Hit Save “ As Shown in The Picture Below

Picture No 1

6) It Was Just Custom Message , Now “How To Add Stylish and Cute 404 Error Pages For Blogger

7)  For Adding Stylish and Cute 404 Error Pages Follow The Below Easy Steps.

8) Go To Template(In New Blogger Interface) > Click On EDIT HTML > Proceed That.

9) Search For This Code  </head>

10) Now Copy The Below Script/Code And Paste it Above </head>

<b:if cond=’data:blog.pageType == “error_page”‘>
<style type=”text/css”>.status-msg-wrap{font-size:100%;margin:none;position:static;width:100%}.status-msg-border{display:none}.status-msg-body{padding:none;position:static;text-align:inherit;width:100%;z-index:auto}.status-msg-wrap a{padding:none;text-decoration:inherit}</style>
</b:if>

11) Now Just Click  On Save Template and You Are Done !

It Was Just One Stylish Page Error , Let’s See More Cute And Lovely 404 Error Pages.

I) Cute 404 Error Page Style No 1.

404 custom error page for blogger

 

If You Want To Show This Picture instead of Your 404 Error Page Then Follow The Below Steps and Add it.

Go To Settings.Then Click On Search Preferences > After That Copy The Below Script/Code and Paste it  in The Box and Hit Save ” As Shown in The Picture  No 1

<h2 style=”font-size: 35px;margin: 0;text-align: center;”>Oops..! </h2>
<h3 style=”font-size:17px;”>Sorry,You are trying to reach an invalid page…!<br><a href=”/”>Click here</a> to go to Homepage <br> Have a nice Day…</h3><img src=”http://4.bp.blogspot.com/-3_mjW7aMWMo/T22zQQHn-sI/AAAAAAAAAMQ/f-biNvAo1-Y/s1600/404+error+page+1.jpg”/>

II) Cute 404 Error Page Style No 2.

Blogger custom Error page

If You Want To Show This Picture instead of Your 404 Error Page Then Follow The Below Steps and Add it.

Go To Settings.Then Click On Search Preferences > After That Copy The Below Script/Code and Paste it  in The Box and Hit Save ” As Shown in The Picture  No 1 ”

III) Cute 404 Error Page Style No 3.

If You Want To Show This Picture instead of Your 404 Error Page Then Follow The Below Steps and Add it.

Go To Settings.Then Click On Search Preferences > After That Copy The Below Script/Code and Paste it  in The Box and Hit Save ” As Shown in The Picture  No 1 ”

 <h2 style=”font-size: 35px;margin: 0;text-align: center;”>Oops..! </h2>
<h3 style=”font-size:17px;”>Sorry,You are trying to reach an invalid page…!<br><a href=”/”>Click here</a> to go to Homepage <br> Have a nice Day…</h3><img src=”http://2.bp.blogspot.com/-ldrwg_L3hPw/T29ZifhYlUI/AAAAAAAAAMo/wdhPPVcNEDM/s1600/404+error+page+4.jpg”/>

IV) Cute 404 Error Style No 4

blogger custom 404 error page

If You Want To Show This Picture instead of Your 404 Error Page Then Follow The Below Steps and Add it.

Go To Settings.Then Click On Search Preferences > After That Copy The Below Script/Code and Paste it  in The Box and Hit Save ” As Shown in The Picture  No 1 ”

<h2 style=”font-size: 35px;margin: 0;text-align: center;”>Oops..! </h2>
<h3 style=”font-size:17px;”>Sorry,You are trying to reach an invalid page…!<br><a href=”/”>Click here</a> to go to Homepage <br> Have a nice Day…</h3><img src=”http://4.bp.blogspot.com/-gdd8Nj5zNqg/T29ZjfvDjYI/AAAAAAAAAMw/vwwjnuqR1Ro/s320/404+error+page+6.jpg”/>

Thats All Friends , Hope You Like it , If You Have any Doubt Related To This Post,So please Feel Free To Ask We Are here To Answer You Anytime.

Happy Blogging , Love and Enjoyment xD !

 

0 Flares Twitter 0 Facebook 0 Google+ 0 Reddit 0 Filament.io 0 Flares ×

My Name is Umer i am a self made blogger, i learn blogging my own self, i love to learn more and share some best blogging tips on my this blog. I hope you may like my some articles special thank you to reading about my self. Please Check my Latest Project @ Templotic - Best Blogger Templates