custom error page for blogger simple and fast:
blogspot providing custom error page option in the new version of blogspot, today i will teach how will you can modifies this option with your own custom style in simple steps
FOLLOW MY STEPS CLEARLY:
STEP1:
Login to your blogspot.com account and select Template > Edit template now find <head> tag just below that copy the below code and paste
blogspot providing custom error page option in the new version of blogspot, today i will teach how will you can modifies this option with your own custom style in simple steps
FOLLOW MY STEPS CLEARLY:
STEP1:
Login to your blogspot.com account and select Template > Edit template now find <head> tag just below that copy the below code and paste
<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>
Now save your template
STEP2:
in your blogger account select settings > search preferencs > Error and detection > Custom page not found > click edit
now paste the below code into it
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! Error Occured</h2><a href="/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5fowH7k0Ov7VGGnFk1XykB9JBz_yLkYR39erwSG-C3JWYR0uOnfKlhrLH1kT2r-SpSPP3S5zmbzvy5QjbNPQLKHXDjw6vs1v_uXJUQjUpyCsU1HWhl3wu1u0m3dBLoE-p6tFu9Narins/s1600/404+error+page+1.jpg" alt="gugly4u.blogspot.com" title="gugly page not found"/></a>
<h3 style="font-size:17px;">Sorry,some error crept...!<br><a href="/">Click here</a> to go to Homepage</h3>
Change above code according to your needs
NOTE:
Note1:
you can change above 404 error page image select from below:
Note2:
to auto redirect to home page from error page just add below code long with the code in STEP2
<script type = "text/javascript">
JN_redirect = setTimeout(function() {
location.pathname= "/"
}, 900);
</script>
change 900 to your wish where its milliseconds to redirect to your home page
Hope you like my tutorial