segunda-feira, 4 de maio de 2015

Configurando page not found 404 no blogger

Hoje vamos falar aqui de pagina 404 o erro 404 é um código de resposta HTTP que indica que o cliente pôde comunicar com o servidor, mas ou o servidor não pôde encontrar o que foi pedido, ou foi configurado para não cumprir o pedido e não revelar a razão ou a página não existe mais. 

Servidores da web podem ser configurados para mostrarem páginas de erro personalizadas, incluindo uma descrição mais natural, a marca de um site, ou um formulário de busca. Muitas vezes os sites usam imagens bem-humoradas para aliviar a "decepção" de não encontrar a página procurada.
Google Ama ver um blogger funcionando corretamente  Google ama ver o blogger funcionando corretamente mas para isso é necessário que saibamos como configurar essa página para o visitante 


Vamos ao primeiro passo para configuração de sua pagina 404 dentro do blogger:

Faça login no blogger  no paínel de controle você vai acessar conforme mostra a figura abaixo 

No paínel busque configuração depois preferencias de pesquisa depois em Editar 







Agora é só colar o código para que sua pagina 404 seja configurada corretamente  abaixo iremos mostrar os exemplos que você pode colocar no seu blog  


Exemplo 1:

Código: 
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; --</a></span>
<style type="text/css">
 .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; }
#mns {float:right; font-weight:bold; font-family:courier, arial}
#mns a{text-decoration:none; cursor:pointer}
</style>
<div id="error-404">
<img src="http://3.bp.blogspot.com/-FEdbrHd7RSU/UvPV53pdCbI/AAAAAAAACJ8/lNanypkxcTE/s1600/erro404.png" />
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; VOLTAR PARA A PÁGINA INICIAL</a></span>
 </div>

Esse é o  primeiro modelo apos configurado seu blog vai ter a imagem abaixo


Exemplo 2:
Código:  
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; --</a></span>
<style type="text/css">
 .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; }
#mns {float:right; font-weight:bold; font-family:courier, arial}
#mns a{text-decoration:none; cursor:pointer}
</style>
<div id="error-404">
<img src="http://www.techwork.dk/wp-content/uploads/2012/05/Lego-404-error-page.jpg" />
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; VOLTAR PARA A PÁGINA INICIAL</a></span>
 </div>

Exemplo 3 
Código
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; --</a></span>
<style type="text/css">
 .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; }
#mns {float:right; font-weight:bold; font-family:courier, arial}
#mns a{text-decoration:none; cursor:pointer}
</style>
<div id="error-404">
<img src="http://1.bp.blogspot.com/-z7qPtW4JsLg/VDhL4gd4gfI/AAAAAAAAA6o/YsXSHFioDKo/s1600/chain-297842_640%2Bcopy.png" />
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; VOLTAR PARA A PÁGINA INICIAL</a></span>
 </div>




Exemplo 4 
Código
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; --</a></span>
<style type="text/css">
 .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; }
#mns {float:right; font-weight:bold; font-family:courier, arial}
#mns a{text-decoration:none; cursor:pointer}
</style>
<div id="error-404">
<img src="http://www.globalcraze.com/wp-content/uploads/2014/07/custom-404-page-for-blogger.jpg" />
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; VOLTAR PARA A PÁGINA INICIAL</a></span>
 </div>


Exemplo 5 
Código
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; --</a></span>
<style type="text/css">
 .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; }
#mns {float:right; font-weight:bold; font-family:courier, arial}
#mns a{text-decoration:none; cursor:pointer}
</style>
<div id="error-404">
<img src="http://www.sharelocalbusiness.com/blog/wp-content/uploads/2015/04/404-error-page-not-found.jpg" />
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; VOLTAR PARA A PÁGINA INICIAL</a></span>
 </div>



Exemplo 6 
Código
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; --</a></span>
<style type="text/css">
 .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; }
#mns {float:right; font-weight:bold; font-family:courier, arial}
#mns a{text-decoration:none; cursor:pointer}
</style>
<div id="error-404">
<img src="http://www.freebiesgallery.com/wp-content/uploads/2012/04/404-page.jpg" />
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; VOLTAR PARA A PÁGINA INICIAL</a></span>
 </div>


Exemplo 7 
Código
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; --</a></span>
<style type="text/css">
 .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; }
#mns {float:right; font-weight:bold; font-family:courier, arial}
#mns a{text-decoration:none; cursor:pointer}
</style>
<div id="error-404">
<img src="http://2.bp.blogspot.com/-L8QocF6_P1o/UrcKEOwfONI/AAAAAAAAI5E/f7M9J6KHS_A/s1600/Change+Title+Of+404+Error+Page.png" />
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; VOLTAR PARA A PÁGINA INICIAL</a></span>
 </div>


Exemplo 8 
Código
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; --</a></span>
<style type="text/css">
 .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; }
#mns {float:right; font-weight:bold; font-family:courier, arial}
#mns a{text-decoration:none; cursor:pointer}
</style>
<div id="error-404">
<img src="http://www.webdesignshock.com/wp-content/uploads/2010/12/404web202.jpg" />
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; VOLTAR PARA A PÁGINA INICIAL</a></span>
 </div>

Exemplo 9 
Código
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; --</a></span>
<style type="text/css">
 .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; }
#mns {float:right; font-weight:bold; font-family:courier, arial}
#mns a{text-decoration:none; cursor:pointer}
</style>
<div id="error-404">
<img src="http://mixedmedianepal.com/modules/blogs/dataimages/IMG_F7FBDE-EA9062-7DA0AD-71CE55-83D163-467A70.jpg" />
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; VOLTAR PARA A PÁGINA INICIAL</a></span>
 </div>

Exemplo 10
Código
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; --</a></span>
<style type="text/css">
 .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; }
#mns {float:right; font-weight:bold; font-family:courier, arial}
#mns a{text-decoration:none; cursor:pointer}
</style>
<div id="error-404">
<img src="http://www.webdesignshock.com/wp-content/uploads/2010/12/404web155.jpg" />
<span id='mns'><a href='http://www.mybloggerseo.com/'>&lt;&lt; VOLTAR PARA A PÁGINA INICIAL</a></span>
 </div>


Aproveite e configura agora mesmo sua pagina 404  deixe seu comentário abaixo se gostou do post compartilhe
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner