Criar Página de Erro 404

Olá pessoal, hoje vou ensinar a criar uma página de erro 404 para a plataforma blogger.

O que falta em muitos blogs é a página de erro 404, que até pode nunca aparecer, mas faz parte do blog.

A página de erro 404 deve ser: divertida e deve conter os links que achar importantes (Home, Contacto, Redes Sociais, etc). 

É super fácil colocar uma página de erro 404, depois do tutorial só precisa arranjar uma ideia criativa e divertida e colocar mãos à obra. LET'S DO IT

No painel do blogger, vá em Definições -> Preferência de Pesquisa -> Página não Encontrada [Editar] -> Adiciona este código:

<div id="erro-404">

<div class="errot1-404"><img src="Link da sua Imagem"/></div>

</div>

Agora vai em Editar HTML -> Procurar </head> -> Colar acima:

<b:if cond='data:blog.pageType == "error_page"'>

<style type='text/css'>

.column-right-outer, .column-left-outer, .footer-outer, .feed-links, #blog-pager, #sidebar-wrapper, #footer-wrapper { /* Aqui todos os elementos que queremos ocultar */

display: none;

}

.fauxcolumn-right-outer .fauxcolumn-inner, .fauxcolumn-left-outer .fauxcolumn-inner {

border-left: 0px;

border-right: 0px;

}

#main, #main-wrapper {

width: 960px; /* Aqui a largura total do blog */

margin-left: -25px; /* Posicionar a Imagem */

}

</style>

</b:if>

Nós Elementos que queremos ocultar, caso queira que o seu header e scrollbar desapareça acrescente .header, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar.

 Caso queira que desapareça outras coisa mas não sabe como fazer, deixe um comentário que eu não me importo de ajudar.