domingo, 18 de outubro de 2015

Pagina de erro 404 personalizada Blogger


pagina-erro-404-personalizada-blogger


Hoje vamos apresentar uma pagina com um lindo layout para seu blogger é uma página personalizada de erro 404 para que serve uma página de erro 404? Isso é perfeito quando um visitante pega um erro em seu blogger ou por algum motivo encontra um link quebrado nada mais feio que alem de encontrar um erro o usuário não ter uma ação para onde ir o propósito da pagina de erro 404 do blogger é levar o usuário para a pagina inicial do seu blogger vamos apresentar aqui uma boa opção de página de erro 404 para Blogger


Para Adicionar isso a seu blogger siga os passos abaixo. faça login no blogger no menu preferencia de pesquisa procure por pagina não encontrada personalizada copie o código abaixo e cole dentro da caixa salvando em seguida



<style>
#error-page {
background: #007dbd;
background: url(http://4.bp.blogspot.com/--Ri7FNhfPuU/T3p0_rWUvLI/AAAAAAAAHzU/v_V5cF2O9YM/s1600/bg_body.gif)no-repeat top center,-moz-radial-gradient(center 40%, circle cover, #007dbd 0%, #003650 100%);
background: url(http://4.bp.blogspot.com/--Ri7FNhfPuU/T3p0_rWUvLI/AAAAAAAAHzU/v_V5cF2O9YM/s1600/bg_body.gif)no-repeat top center,-webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#007dbd), to(#003650) );    
text-align:center;
position:fixed;
top:0px;
right:0px;
bottom:0px;
left:0px;
padding-top:270px;
z-index:999999;
}
#error-page  h1 {
font-size:540px!important;
position:absolute;
font-family:impact,sans serif!important;
top:70px;
left:50%;
letter-spacing: -8px;
margin-left:-502px!important;
width:960px;
z-index:-2;
color:rgba(0,0,0,.09)!important;
}
#error-page  h2 {
font-family:arial black,sans serif!important;
text-transform:uppercase;
font-size:80px;
line-height:66px!important;
letter-spacing: -3px;
color:#fff!important;
margin:0!important;
padding:0!important;
}
#error-page p a,
#error-page p a:visited,
#error-page p a:hover{
font-family:arial black,sans serif!important;
text-transform:uppercase;
font-size:56px;
line-height:40px!important;
border:none;
font-weight: bold;
color:rgba(0,0,0,.5)!important;
margin:0!important;
padding:0!important;
text-decoration:none!important;
}
</style>
<div id='error-page'>
<h1>404</h1> <h2>LINK BROKEN</h2>
<h2>PAGE NOT FOUND</h2>
<p> <a href='aqui vai o link inicial do seu blog'> Back to Home Page</a></p>
</div>

Nota não esqueça de substituir onde esta realçado em amarelo por o url do seu blogger 
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