Instale uma bela página de erro 404 personalizada no Blogger

Uma página de erro, é a página que será exibida quando uma página real não é encontrada em um site/blog. De algum tempo pra cá, as páginas de erro do Blogger passaram a permitir que o usuário possa alterar essa página que é exibida em caso de erro. E o modelo que disponibilizo aqui, irá ajudá-lo na criação de uma que se encaixe no modelo de seu blog. 

Internet afora, você pode encontrar milhares de páginas 404 feitas com desenhos e imagens mas esta é muito elegante e tem nenhuma imagem. O que fárá seu blog crescer um pouco mais no aspecto professional. Vamos ver a demonstração dessa página de erro: ERRO 404

Por padrão, o blogger exibe apenas o seguinte texto:

Você pode personalizar essa mensagem que é exibida, seguindo esses simples passos:

Após clicar no 3° local indicado, abrirá uma caixa. Cole o seguinte código e salve.

<style type="text/css"> #error-404 { border: 20px solid #1B1B1B; border-radius: 240px 240px 240px 240px; height: 240px; margin: 0 auto 40px; text-align: center; transition: all 0.8s ease 0s; width: 240px; } #error-404:hover { border-color: #333; } #error-404 span { 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><h1 class="large-heading" style="text-align: center;">Página não encontrada.</h1><h2 class="light-heading" style="text-align: center;">Por favor, verifique se não há algum erro na digitação da url.</h2>

Pronto! Está feito.

Espero que tenham gostado! Comente e diga o que achou!

Share This :