Como atualizar sua página 404 Not Found no Blogger

 Você deve conhecer as páginas de erro 404, elas aparecem quando um visitante acaba visitando uma página ou URL que está quebrada ou não existe mais. Portanto, ter uma página de erro 404 útil pode ser útil para melhorar suas vendas e não criar um beco sem saída para seus usuários. Você pode melhorar sua página 404, fornecendo algumas opções ou um conjunto de instruções para os visitantes contornarem. Neste artigo, mostraremos como melhorar sua página 404 não encontrada no blogger, para que você possa tornar sua página de erro 404 não apenas útil, mas também envolvente.

Como é a página de erro 404 no Blogger?

Sejamos honestos, antes de chegar a este post, você sempre ignorou sua página de erro 404, não porque você não quer que ela melhore, mas apenas falta interesse. Confira a captura de tela abaixo que mostra a aparência de uma página 404 padrão do blogger:

A captura de tela acima mostra claramente que não é uma página 404 útil. Como usuário, você odeia quando aparece um erro que não tem como contornar?

Da mesma forma, você precisa ajudar seus usuários fornecendo a eles um conjunto de opções que eles podem fazer para encontrar o tópico relevante que estão procurando. Você pode ajudá-los a encontrar exatamente a página certa fornecendo um recurso de pesquisa em sua página 404 e muitas coisas criativas que você pode fazer.

Como personalizar sua página 404 no Blogger:

A primeira coisa que você pode fazer para tornar sua página 404 útil para seus usuários é personalizá-la com sua própria criatividade. Vá para Blogger >> Preferência do mecanismo de pesquisa >> Página personalizada não encontrada .

Já abordamos como criar uma página 404 personalizada no blogger, portanto, leia esse recurso também. Você certamente pode usar esse recurso para adicionar ferramentas e elementos úteis como um mecanismo de pesquisa , widget de alcance, postagens recentes e etc.

Isso ajudará seus visitantes a procurar o melhor ajuste, de acordo com seus interesses.

Exibir widget de pesquisa na página 404:

Para exibir um widget de pesquisa em sua página 404, basta colar o seguinte código em “Página personalizada não encontrada” nas configurações do blogger. Uma vez feito, você precisa criar seu próprio CSS personalizado para suportar o estilo do seu modelo.

<form method='get'>

<div id='search'>

<div class='search'>

<input id='s' name='q' onblur='if (this.value == ' ') {this.value = 'Pesquisar no site';}' onfocus='if (this.value == 'Pesquisar no site') {this.value = & #39;';}' type='text' value='Pesquisar no site'/>

<input id='button' style='vertical-align: top;' type='submit' value='Pesquisar!'/>

</div></div>

</form>

Se você já estiver usando um widget de pesquisa personalizado, ele herdará automaticamente o CSS do seu mecanismo de pesquisa padrão.

Exibir postagens recentes na página 404: 

O método é novamente o mesmo, você precisa colar o seguinte código nas configurações do blogger no local que mencionamos acima. Isso simplesmente exibirá postagens recentes em sua página 404.

<link href="https://dl.dropboxusercontent.com/u/137869302/style.css" type="text/css" rel="stylesheet" />

 <script src="https://dl.dropboxusercontent. com/u/137869302/json.js"></script>

  <script type='text/javascript'>

var numposts = 3;

var showpostthumbnails = true;

var displaymore = false;

var displayseparator = true;

var showcommentnum = false;

var showpostdate = false;

var showpostsummary = true;

var numchars = 100;</script>

  <script type="text/javascript" src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs"></script> 

Você pode torná-lo mais atraente aplicando CSS de acordo com suas necessidades de desejo.

Exibir postagens populares na página 404:

No passado, já mostramos como exibir postagens populares em sua barra lateral. No entanto, aqui estamos mostrando como você pode adicioná-los em sua página 404 também. O método é o mesmo que dissemos acima, basta colar o seguinte código em “Página personalizada não encontrada” nas configurações do blogger.

<script type="text/javascript">

function getYpipePP(feed) {

 document.write('<ol style="">');

 var i;

 for (i = 0; i < feed.count ; i++)

 {

var href = "'" + feed.value.items[i].link + "'";

var pTitle = feed.value.items[i].title;

var pComment = " \(" + feed.value.items[i].commentcount + "\)";

var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;

 document.write(pList);

 document.write(pComment); //para remover a contagem de comentários delete esta linha

 document.write('</a></li>');

 }

 document.write('</ol> ');

 }

 </script>

 <script src="http://pipes.yahoo.com/pipes/pipe.run?

 YourBlogUrl=http://www.yourwebsiteurl.com/

 &ShowHowMany=10

 &_id=390e906036f48772b2ed4b5d837af4cd

 &_callback=getYpipePP

 &_render=json"

type="text/javascript"></script>

<span style="font-size: 80%; float:right;"><a href="http://www.mybloggerlab.com/2014/06/how-to-display-most-commented-posts-in-blogger.html">Faça o seu próprio</a ></span>

Esperamos que este artigo tenha ajudado você a tornar sua página 404 mais útil e envolvente no Blogger. Não importa se você é iniciante ou especialista, sinta-se à vontade para trabalhar com código e usar sua criatividade para tornar sua página 404 atraente.

Temos alguns designs de página 404 não encontrados atraentes pré-fabricados para o blogger, para que você possa simplesmente copiar e colar em seu site.