How To Customize 404 Blogger Website

GITHUB LINK

 How To Customize 404 Blogger Website

​​​​
​​​​

 DOWNLOAD CLICKED

CODE HTML

<div class="custom404">

      <div>

        <img src="https://blogger.googleusercontent.com/img/a/AVvXsEhZHfWEHPSUR7eLZlqhRHUd0UgNIikebhhMrY6nn24EVApfV0Vp_UiF_vSmbiKR3bywsv1vMzNX6qzmSPR39DNgw3qAa5FvOLbg_E9yvpR6tZNZkK33aa6qLv9iHGX3tKAppQV-6rKZCHDulJxhqD7ixEb4IPoe3Y5CDQaq2q5Vz6FLkxcItsUJW7vZ3g=s16000" alt="" />

         </div>

         <div class="custom404-content">

          <p>Hi, I think you are lost!</p>

          <p>

           Please click

          <a href="https://liveblogger123.blogspot.com/">here</a> to go back to

          the <a href="https://liveblogger123.blogspot.com/">Home Page</a>

        </p>

      </div>

    </div>

CSS

.custom404 {

  display: flex;

  align-items: center;

  flex-direction: column;

  text-align: center;

  font-family: "Roboto", sans-serif;

}

.custom404 img {

  width: 70%;

}

.custom404 .custom404-content {

  background: #222;

  padding: 8px 48px;

  color: #eee;

  border-radius: 10px;

}

.custom404 .custom404-content a {

  color: #eee;

}

HTML JAVAS

Hi, I think you are lost!

Please click here to go back to the Home Page

.custom404 { display: flex; align-items: center; flex-direction: column; text-align: center; font-family: "Roboto", sans-serif; } .custom404 img { width: 70%; } .custom404 .custom404-content { background: #222; padding: 8px 48px; color: #eee; border-radius: 10px; } .custom404 .custom404-content a { color: #eee; }