How To Usage 404 Fault Page Inwards Blogger Alongside Pictures

Hello friends, welcome to the Blogger tutorial today I volition present yous how to add together insert practise 404 Error Page inwards Blogger Blog with Pictures.

Here we add custom page non constitute 404 Error Page inwards Blogger blog, It is a real of import page for our spider web log because when visitor tin laissez passer on the sack catch our spider web log as well as if they tin laissez passer on the sack pose the wrong URL (post URL) as well as they catch our delete take Blogger spider web log posts or pages thus automatically 404 Error Page is come.

These are Following Steps:-

Step 1: Go to Blogger Settings as well as click Search preferences link thus click Edit link inwards Custom Page Not Found ? option.

Step 2: Paste the code inwards box as well as click the Save changes button.

Copy 404 Error Page Code:-

<div class='error-custom'>
<h2>404 Not Found</h2>
<p class='error-body'>We&#39;re deplorable but nosotros could non abide by the page yous are looking for.<br/>
This may hap if yous convey entered site url incorrectly or this page doesn&#39;t be anymore.</p>
<p>You tin laissez passer on the sack essay searching page 1 time again or become dorsum to home</p>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}' type='text' value='Search...'/>
<input id='searchsubmit' type='submit' value='Go'/>
</form><h6><a href="http://techtspot.blogspot.com"> Get More Gadget</a></h6>
</div>

<style type="text/css"> #error-404 { border: 20px enterprise #1B1B1B; border-radius: 240px 240px 240px 240px; height: 240px; margin: 0 car 40px; text-align: center; transition: all 0.8s repose 0s; width: 240px; } #error-404:hover { border-color: #333; } #error-404 bridge { color: #FA4C29; font-size: 100px; font-weight: bold; line-height: 240px; } .large-heading { font-size: 48px; line-height: 1.2em; } .light-heading { font-weight: 400; } .status-msg-bg { background-color: transparent; } .sidebar-wrapper, .page-header { display: none; } .main-wrapper { margin-right: 0; } .outer-wrapper { min-height: 0; } .status-msg-border { border: 0 none; } </style> <div id="error-404"> <span>404</span>
</div> <h2 class="large-heading" style="text-align: center;">Page non found.</h2>
<h3 class="light-heading" style="text-align: center;">Sorry, the page yous were looking for on this spider web log does non exist.<br>You volition locomote redirected presently to the homepage.</h3>
<script type = "text/javascript">
BSPNF_redirect = setTimeout(function() {
location.pathname= "/"
}, 5000);
</script>

Step 3: Go to Your Blogger Blog as well as Check it.

Example:-
Click the concluding of spider web log URL as well as type “/aaa” thus hitting enter. Like “ https://your-blog-name.blogspot.com/aaa ”.

How to Create 404 Error Page inwards Blogger blog



Read More:-
How to Add Stylish Sitemap for Blogger
How to Set Custom Redirects inwards Blogger
How to Add Meta Description inwards Blogger Posts
How to Add Floating Pop Up Ads to Blogger 

I promise yous savor this Post. If whatsoever work comment it.