Comment personnaliser page d'erreur 404 sur blogger

La page d'erreur 404 sur Blogger est vraiment ennuyeuse et peu utile. Cela n'encourage pas vos lecteurs à visiter d'autres parties de votre site ou à les aider à trouver quelque chose qu'ils recherchent. Ce tutoriel va vous montrer comment modifier le contenu et le design pour le rendre plus convivial. Si vous voulez jeter un oeil à votre page 404 d'erreur, le moyen le plus simple d'y accéder est de taper 404 après votre URL : https:// domainename.com/404/

Suivez les étapes ci-dessous faciles et vous êtes prêt à aller: 
Accéder à paramètres de blogger et aller à " Préférences de recherche ". Sous " Erreur et redirections ", vous verrez l'option "Message " page introuvable" Personnaliser   cliquez sur Modifier




 . 

Copiez et collez le code ci-dessous:

<h2>Sorry, this page could not be found</h2>
<p>Try the search box below to find what you're looking for.</p>

<form id="searchThis" action="/search" style="display: inline; margin: 20px auto;" method="get"><input onfocus="if(this.value==this.defaultValue)this.value='';" value="Search this blog" type="text" id="searchBox" onblur="if(this.value=='')this.value=this.defaultValue;" vinput="" name="q" /> <input id="searchButton" value="Go" type="submit" /></form>

votre page d'erreur :

vous pouvez aussi utilisez le code ci-dessous pour rédirige vos lectures vers la page d’accueil de votre site 

Oops page not found go to <a expr:href='data:blog.homepageUrl'>Home page</a> for more interesting article.
<style>
.status-msg-border {
    opacity: 0.4;
    width: 100%;
    position: relative;
    border: none !important;
}
.status-msg-body {
    z-index: 4;
    position: absolute;
    width: 100%;
    padding: 0.3em 0px;
    text-align: center;
    background-color: #FFF  !important;
}
#secondarybpart{display:none  !important;}
#primarybpart{width:100%  !important;}

#accessbpart,#colophon, #blog-pager ,#stats,#brandingbpart,.ad-banner{
   display:none  !important;
}

#contentbpart .post {
    padding-bottom: 0px !important;
}
#contentbpart {
padding:none !important;
    position: fixed;
margin-top:17%
}
</style>

<script>
    if(1){
      window.location = "URL de votre Blog";
    }
  </script>

N'oublier pas de remplacer " URL de votre Blog " par l'URL de votre site 

L'utilisateur sera automatiquement redirigé vers votre page d'accueil - après un délai de 5 secondes.