Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1480680766
Vida do cache: 1481976762
Status: 1
Mensagem: Licença válida
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Blogs,
SEO e Monetização.

Hospedagem - 728 x 90

layouts Postagens Recursos

Mostrar postagens por marcadores e arquivos em forma de lista no Blogger

Quando abrimos uma categoria ou selecionamos um mês dentro do blog, por padrão é exibido pelo menos 20 postagens por página e seguindo a mesma estética da página inicial.
Dessa forma, dependendo do blog e da forma que ele organiza suas postagens, pode prejudicar a visualização e o carregamento das postagens.

Com um pouco de vontade e algumas linhas de códigos, podemos resolver o problema.

Recomendo que faça backup do template antes de qualquer modificação. É uma garantia de que se algo der errado, você tem uma copia segura à disposição.

Ao trabalho:

1) Faça login no Blogger, entre na página de edição do template:
Painel Novo: “Modelo” -> “Editar HTML”.
Painel Antigo: “Design” -> “Editar HTML”.

2) Marque a caixa “Expandir modelos de widgets”;

3) Procure (Ctrl+ f) por:

<b:include data='post' name='post'/>

4) Substitua por:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<li class='itens_lista'><a expr:href='data:post.url'>
<data:post.title/></a> <span style='font-size: 11px; color:#000000; font-style: italic;'> -
<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script>
<data:post.dateHeader/>
<b:else/>
<script>document.write(ultimaFecha);</script>
</b:if>
</span></li>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

5) Faça o teste, se nada aparentemente mudou no teste, é porque está certo, então salve.
Agora entre em uma categoria ou mês dentro do seu blog e veja como ficou.

Para personalizar a lista de exibição use CSS na class: “itens_lista”.
Exemplo:

.itens_lista {
margin: 2px 0 2px 25px;
font-size: 16px;
}

Para personalizar o link de cada lista use:

.itens_lista a {
color: #000;
text-decoration: none;
}

Onde incluir os códigos CSS?
Insira qualquer código CSS antes de ]]></b:skin>

Leia mais sobre postagens dentro do seu blog:



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

9 Comentários

  1. JULIO VIEIRA disse:

    Parabéns pelo seu blog, e obrigado pela dica.
    Sucesso

  2. Thaís Kubiça disse:

    Era o que eu estava procurando,adorei.
    Obrigada!

  3. Teoria da Conspiração disse:

    Muito obrigado isso me ajudou muito parabens

  4. Boa noite, amigo, parabéns pelo blog, muito bom, seu blog.
    Olha, gostaria de saber se tem como criar várias pastas dentro de uma úncia pasta.
    para poder assim criar vários posts em páginas diferentes.
    Um forte abraço,boa noite e até logo, amigo, valeu, seu blog é demais

  5. Everson disse:

    Quantas postagem aparecem por pagina?

  6. Célio Souza disse:

    olá
    como consigo colocar esse rodapé azul como na imagem [http://4.bp.blogspot.com/-jFMZwkjjhpw/TpR1AdK8-tI/AAAAAAAADYw/sFuVaMxj1d0/s1600/exibicao_postagens_lista_blogger.jpg] desta postagem ???

  7. Aline disse:

    Olá Paulo, tudo bem? Eu tenho uma dúvida: é possível usar esse resumo APENAS na página de resultados de busca/procura? Aguardo sua resposta. Desde já, agradeço. Valeu.

Para enviar seu comentário, preencha os campos abaixo:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.