404 Fault Page Inward Blogger Pace Past Times Pace Tutorial

Hello friends, welcome to the TutBig today I volition demo y'all 404 Error Page inwards Blogger Blog or custom redirects blogger adds custom page non found. It is a real of import page for our spider web log because when the visitor tin take in our spider web log as well as if they tin seat the wrong URL (post URL) than 404 Error Page is Respond.

These are followed Steps:-

Step 1: Go to Blogger Settings as well as click Search preferences link, as well as thence click the Edit link inwards the Custom Page Not Found? Option.

Step 2: Paste the code inwards the 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 pitiable but nosotros could non notice the page y'all are looking for.<br/>
This may come about if y'all accept entered site url incorrectly or this page doesn&#39;t be anymore.</p>
<p>You tin endeavor searching page over 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 company #1B1B1B; border-radius: 240px 240px 240px 240px; height: 240px; margin: 0 car 40px; text-align: center; transition: all 0.8s relaxation 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 y'all were looking for on this spider web log does non exist.<br>You volition hold upwardly redirected soon 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.

I promise y'all relish this postal service as well as the photos. 404 Error Page In Blogger