Assine nosso Feed

Mostrar Somente os Títulos das Postagens

Mostre somente os títulos das postagens nas paginas dos marcadores ou paginas mais antigas do blog, deixando as postagens completas(ou resumo das postagens) somente na pagina inicial e nas paginas individuais de cada post do blog. Você também pode alterar a quantidade de posts por pagina dos marcadores.

Já testamos esse código e funcionou perfeitamente nas paginas estáticas do blogger (também conhecidas como paginas extras). A utilidade de mostrar apenas os títulos das postagens é o carregamento mais rápido das paginas e, além disso, podemos ganhar mais pageviews (visualizações de pagina) que é uma das técnicas de SEO para mostrar aos buscadores(pesquisa Google principalmente) que o seu blog é relevante ou seja as pessoas entraram nele e visitaram mais paginas.

titulo da postagem blogger
Entre na pagina editar HTML, mas antes de começar salve uma cópia do seu template atual, assim se tiver algum problema poderá facilmente voltar ao seu modelo original do blog. Clique para expandir os modelos de widgets e procure por(use o ctrl + F):

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

Agora troque essa linha de código por esse aqui:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='titulopost'><a expr:href='data:post.url'>
<data:post.title/></a></div>
<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>

Se quiser mostrar somente os títulos das postagens na pagina inicial do blog então retire do código essa linha <b:if cond='data:blog.homepageUrl != data:blog.url'> e também esse trecho no final:

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

Outro trecho que vamos adicionar é a formatação do texto, você pode colocar esse código CSS antes da linha body{....} também na pagina editar html.
.titulopost a{background-color: #FF0;border: solid 1px #000000}
.titulopost a:hover{background-color: #F96;border: solid 1px #FF0000}

Você pode formatar o texto como quiser ou usar nosso outro tutorial para deixar os links com aparência de botões (Como fazer e colocar botões no blog). Agora clique para salvar e já pronto quando alguém entrar na pagina de um dos marcadores do blog ou paginas de postagens mais antigas aparecerão somente os títulos das postagens. Usamos como base para fazer esse tutorial a explicação postada pelo blog IceBreacker. Related Posts with Thumbnails


Link desta Pagina

82Comentários:

Paulo Roberto disse...

Olá Fabiano! Muito interessante essa sua dica, agiliza muito o carregamento das páginas do blog.
Falando em links e títulos, me responda uma pergunta por favor. É possível mudar este link "Inscrever-se por e-mail", que aparece logo abaixo do formulário de comentários no canto direito? Muitos leitores não fazem a mínima ideia para que serve! Até escrevi um artigo no meu blog falando disso. Seria legal trocar este link, por uma das seguintes frases: Enviar notificação quando esse comentário tiver resposta. ou Notifique-me por e-mail se houver novos comentários à este artigo.
Seria bem mais fácil para os leitores entenderem, que é possível acompanhar os comentários e respostas no artigo do blog através do email. Estou trabalhando nisso aqui, mas não entendo muito de HTML!

Forte Abraço.

Fabiano Roberto disse...

Paulo Roberto
vou pesquisar sobre o isso, e assim que achar como modificar o texto deste link faço um tutorial a respeito disso.

Nah..s2..Zeh disse...

ótimoooo blogg!!!

muitas dicas legais e úteis...

estou seguindo... Me segue tbm?!!!

Bjosss~***

Nah =^.^=
www.vaidadesutil.blogspot.com

Paulo Roberto disse...

Valeu Fabiano! Vou dar uma pesquisada aqui também, para ver se acho alguma coisa pelo Google.
Já está na hora de mudar este link "Inscrever-se por e-mail"! Vejo grandes grandes modificações nos templates do Blogger, mas este link não muda nunca!

Forte Abraço.

Mp3 Samba e Pagode disse...

no meu ta aparecendo o titulo do post e o titulo do blog tb ;/

Mp3 Samba e Pagode disse...

vc disse pra tirar essa parte:




sendo q tem 3 partes dessa...tira só a ultima ou as 3 ?
abraços

Fabiano Roberto disse...

é normal aparecer o titulo do blog.

e sobre tirar uma parte, é somente uma delas, no código aparece 3 vezes igual no final, então apague uma delas

OS SERTÕES BAHIA disse...

Olhar amigos do Dica para Blogs,
Recentimente mim tornei membro do Google AdSense,
e estou usando os anúncios no meu blog, porém agora estou com outro blog e não sei como adicionar o cógido dos anuncios nesse novo blog para serem reconhecidos pelo Goole AdSense.

Agradeço uma possivel dica.

Fabiano Roberto disse...

você pode configurar os anuncios diretamente no site do google adsense e depois colocar no blog como um gadget de html/javascript

Configurar Anuncios do Adsense (Video Tutorial)

Mp3 Samba e Pagode disse...

falando em anuncios....depois q eu troquei de template os anuncio do google nao quer aparecer mais no meu site...pq isso? abraços

Fabiano Roberto disse...

o gadget com os anuncios deve ter sido excluido, o jeito é colocar novamente

Mary Conde disse...

parece tão fácil qdo leio aqui, mas na hora de por em prática no meu blog acho difícil.. risos

bonjoviarchives disse...

Fabiano,na parte de formatação do texto,é possível dar um espaço entre os títulos das postagens?E como eu poderia fazer para usar bordas arredondadas?beijos e obrigada.

Fabiano Roberto disse...

cantos arredondados podem ser feitos com imagens de fundo, use nossa pesquisa para achar posicionamento de imagem de fundo e claro precisará fazer a imagem também

CandyGirllNM disse...

Olá
Gostava de saber como ocultar uma parte do texto do Post, deixando um link para mostrar o post inteiro, do tipo "VEJA AQUI O POST INTEIRO" ou assim.
Obrigada

Fabiano Roberto disse...

tem dois jeitos de mostrar apenas uma parte das postagens

Postagem expansível com miniatura da imagem

Mostrar resumo da postagem

Ariedson disse...

Eu ñ consegui colocar uma imagem atrás ou do lado.

Fabiano Roberto disse...

veja aqui Imagem no título da postagem lá mostra como usar uma imagem de fundo por tras dos titulos

Luciano Hanzo disse...

Fiz certinho mas ele só mostra 20 titulos por marcador para visualizar o resto tenho que clicar em (Mostrar postagens mais antigas)
Que é horrivel.Ai vai a pergunta Tem como mundar de 20 titulos para + 0u mudar o texto

(Mostrando postagens mais recentes com o marcador Bla bla bla. Mostrar postagens mais antigas).

Valeu esse site é o mehor para dicas.

Fabiano Roberto disse...

Luciano Hanzo


veja aqui como mudar a Quantidade de Posts por Pagina dos Marcadores

Taai disse...

Não deu certo, apareceu um Erro lá, queria tanto usar essa dica .

Fabiano Roberto disse...

tente fazer novamente, você deve ter apagado algo errado na hora de colar os códigos,.... infelizmente uma letra ou simbolo faz o código não funcionar

black™ disse...

olá boa madruga!!
óia eu zanzando!!
implemente e configurei esse codigo. mais fica a pergunta teria como colocar a data dos posts na frente do mesmo?

Mp3 Samba e Pagode disse...

to usando isso msm kkkk
tenho q tirar neh
mais estou com um probleminha no meu blog,eu seleciono "Expandir modelos de widgets" e nao acontece nd ;/
pq isso?
me ajudaa ;/
abraços

Mp3 Samba e Pagode disse...

parceiro me ajuda....eu seleciono para "Expandir modelos de widgets" e nao ta expandindo....oq eh isso? nao consigo achar esses codigos de cima sem expandir neh ;/

abraços

Fabiano Roberto disse...

veja aqui o código para Mostrar resumo da postagem

Fabiano Roberto disse...

a pagina editar html do blogger está com algumas falhas desde ontem (24/02/2011) é melhor aguardar as coisas se normalizarem

Mp3 Samba e Pagode disse...

vlww...consegui tirar essa parada de só mostrar os titulos das postagenss...vlwww
abraços

Anônimo disse...

Faço tudo certinho. Retiro os códigos para fazer aparecer apenas na página incial do blog, mas (somente os títulos) continua em todas as páginas. O que fazer?

Fabiano Roberto disse...

anonimo, explique melhor seu problema, está tentando retirar o código?

Anônimo disse...

Está certo. Nesse código tem a opção de aparecer 'apenas' os títulos das postagens na pagina inicial do blog né? Mas aí que está. Quando vou para as postagens mais antigas, ainda continua a aparecer somente os títulos dos posts...

Faço como pede, retiro esses dois códigos para fazer funcionar. e

.

Mas para ser direto. Queria que só minha página inicial mostrasse os títulos das postagens.

Fabiano Roberto disse...

use o código mas retire a primeira linha:
<b:if cond='data:blog.homepageUrl != data:blog.url'>

e no final do código
<b:else/>

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

</b:if>

isso deve fazer aparecer somente os titulos na pagina inicial também

Phsnake disse...

Amigo, gostaria de fazer isso apenas num determinado marcador de minha escolha, teria como ?

Fabiano Roberto disse...

esse código se aplica a todas as paginas dos marcadores... não tem como escolher um deles somente

Andrea Winchester disse...

Oi Fabiano, gostaria de saber como deixar o número de comentários ao lado dos títulos das postagens.

Fabiano Roberto disse...

Andrea Winchester
já escrevi muitos tutoriais, mas ainda não falei deste assunto...

vou preparar um tutorial sobre isso e publicar em breve. Obrigado pela idéia.

Fabiano Roberto disse...

publiquei o tutorial sobre Balão com Número de Comentários ao Lado do Título da Postagem

Cosibia disse...

Não deu certo , meu blogge nao tem essa linha !

Fabiano Roberto disse...

precisa marcar para expandir o modelo de widgets para achar esse código

Bebé disse...

Amigo olha só eu gostaria de fazer post, onde aparece-se somente uma parte do post na pag principal, ai em baixo do post um botão tipo dizendo "ler mais ",vc me entende , agora queria isso só nos post com muita imagem, para não carragar lento a minha pag principal, tem com ?? me ajuda a!!

Anônimo disse...

hahahahahahaha

Irodrigues disse...

Oi, eu gostaria de lhe fazer uma pergunta e gostaria também que se possivel me responder.
Eu tenho um blog onde fiz com que ele ficasse com resumo de postagem, que li no seu blog, e ele ficou do jeito que eu queria, mas agora eu estou com uma dificuldade. Eu estou querendo criar um pagina só com videos, mas como eu coloquei resumo de postagem, eu coloco o video. Só que no blog aparece o resumo de postagem, eu clico em leia mais e o video não aprece, aparece sempre a mesma pagina.
Eu preciso de sua ajuda, se vc poder me ajudar eu agradeço. Abaixo segue o Link do meu Blog: mylifeofalbino.blogspot.com

Se poder me ajudar mande a resposta pro meu e-mail: irodrigues2000@gmail.com

Fabiano Roberto disse...

Irodrigues
deve ter algo errado então no código do video...
é normal ele não aparecer na pagina inicial, mas na pagina da postagem videos e imagens deveriam aparecer normalmente... não acho que é um problema com o resumo da postagem

Vanderlei Moraes disse...

Olá, primeiramente muito bom o blog, sigo desde qdo comecei a blogar.

Fiz o que você disse, deu tdo certo. Mas eu gostaria de fazer outra coisa. Queria saber se da pra centralizar os títulos e como faço pra aumentar um pouco as letras.

Veja como ficou - http://www.gpportal.com.br/search/label/Gest%C3%A3o%20de%20Pessoas -

Abraços

Fabiano Roberto disse...

na primeira linha da formatação coloque display:block;text-align: center;

isso deverá centralizar e impedir as quebras de linhas das bordas... fazendo o link todo ser uma "caixa só"

Irodrigues disse...

Fabiano, desculpe eu está lhe pedindo ajuda para quele meu problema, mas deve ser problema com o resumo de postagempois eu tirei os codigos para resumo de postagem e deu certo apareceu o video, mas quando está com os codigos de resumo de postagem não aparece. Peço a vc que dê uma olhada no meu blog,e va na pagina videos.

Acesse: http://mylifeofalbino.blogspot.com

Desde já agradeço

Vanderlei Moraes disse...

Obrigado Caro, deu certinho, fiz uma alteração e ficou muito bom.

Veja - http://www.gpportal.com.br/search/label/Videos

Abraço e continue com o bom trabalho!

disco-matus disse...

nem ta funcionando , acho q e a nova versão eu aperto ctrl f e copio certinho mais dis q nao tem nada .

Fabiano Roberto disse...

marcou para expandir o modelo...

infelizmente alguns templates são diferentes

LUCIANO PINHEIRO disse...

oi Fabiano! Acompanho seu blog há algum tempo..é muito bom! Eu preciso fazer um resumo dos posts nas páginas adicionais....mais só aparece 1 opção de postagem...uma única....queria fazer várias postagem nas páginas adicionais, ou fazer esse esquema de aparecer somente o nome do post...tem alguma dica? meu blog; bolsasebags.blogspot.com
abraço!

Fabiano Roberto disse...

LUCIANO PINHEIRO
o código que conheço para mostrar somente os titulos é o deste tutorial.

mas vou fazer uns testes para tentar adaptar outro código

LUCIANO PINHEIRO disse...

fico no aguardo...abraço

LUCIANO PINHEIRO disse...

Olá Fabiano!

Consegui fazer o procedimento! Queria fazer isto nas páginas adicionais...tem alguma dica para melhorar postagens nessas páginas? Tenho inúmeros conteúdos a postar nessas páginas, mas consigo fazer uma única postagens.
Criei categorias como: marcas nacionais... (queria ali fazer postagens separadas para cada marca...) ou se vc me sugere alguma outra solução.
bolsaseblogs.blogspot.com
Parabéns pelo blog.
no aguardo!
Luciano

Fabiano Roberto disse...

LUCIANO PINHEIRO
as paginas adicionais são para uma postagem por pagina... não tem como mudar

o melhor é usar os marcadores

Priciana Alexandrino disse...

adorei todas as dicas ..
estou siguindo vcs, me segue tambem se quiserem.. bjos

Dri Viaro disse...

OI Fabiano, como faço pra desfazere voltar a ter a postagem toda nas paginas anteriores?

obrigada

Fabiano Roberto disse...

o unico jeito de desfazer é retirar os códigos que mostramos e voltar o código normal no seu blog

Gabriel disse...

Ola Fabiano, bom... eu experimentei esse codigo, em 3 templates ( limpos ) e não funcionou além do que eu quero que ele funcione, vocÊ tem alguma dica, além de pedir para mim reler com atenção, por que eu fiz passo-a-passo e não foi :(

..::Kisb::.. disse...

ae Da Para Colocar uma barra de busca para pesquisar apenas os titulos das postagens?
Se de Faz UM tutorial ai Vlw!!!

Fabiano Roberto disse...

para pesquisar dentro do seu blog a melhor opção é a busca do adsense, veja aqui: Busca dentro do blog - AdSense para pesquisas

Fabiano Roberto disse...

@Gabriel nos testes que fiz funcionou na primeira vez

não sei qual o problema com o seu blog

Anônimo *--------* disse...

Oi sou a karol , kk
Bom , confesso que não consegui , você poderia fazer uma "Video Aula" me ajudando ,porque eu sei que não fui só eu que não entendi ,rsrs mesmo assim é ótima as suas dicas . Obrigado !

Anônimo *--------* disse...

Ola Fabiano !
Não consegui entender nadinha .
principalmente na parte :

...e também esse trecho no final:





bom , esse trecho não veem depois do que você falou , e tem bastante desses diferentes nos lugares ... Tipo , tem o em vários lugares, qual eu apago . Você poderia fazer uma video aula ?
Faz meses que tento e tento fazer isso e não consigo . Estou muito nervosa e louca para conseguir mais fico triste por não conseguir fazer isso . BUBU
me ajude por favor . Obrigado .

Fabiano Roberto disse...

@Anônimo *--------* o grande problema é que os trechos em html não são exatamente iguais em todos os templates e mudam de lugar

mas quando for procurar algum não use linhas inteiro mas faça com o ctrl F usando apenas trechos, por exemplo: data='post'

Cecília Padilha disse...

Oi Bom dia! Adorei este tutorial!!! Mas segui as orientações e não consegui que nas páginas extras os meus posts ficassem com o título da postagem ou com a foto e o resumo. Em outro tutorial aqui, segui as orientações de como inserir os resumos das postagens com fotos na página inicial, e deu tudo certo! :-) Não sei porque ao fazer este tutorial agora, para inserir nas páginas extras o título das postagens não está dando certo! :-( Será porque as páginas já estavam prontas com o formato antigo e não consegue modificar para o novo? Será que tenho que excluir as páginas para então faze-las novamente? Por favor, peço orientações...

Fabiano Roberto disse...

@Cecília Padilha esse código de resumo não interfere nas paginas extras do blog e nem pode ser utilizado nelas

Cecília Padilha disse...

Ah!Muito obrigada!:-) Você poderia me ajudar...
No meu blog, fiz várias páginas extras cada uma com um tema, desta forma, atualizo semanalmente os posts de algumas páginas, e está ficando muito grande e pesado a página. Preciso colocar os textos (postagens) das páginas num outro formato. Então pensei que poderia ser: dentro de uma caixa de texto com rolagem ou como resumo das postagens com foto, que os leitores ficassem mais a vontade para olhar os post sem dificultar a navegação. Você poderia me dar uma dica/tutorial de como posso fazer esta configuração? :-)
Agradeço muito!

Fabiano Roberto disse...

@Cecília Padilha usar barra de rolagem não altera o tempo que a pagina leva para carregar.

seria melhor reduzir o numero de posts na pagina inicial, mas veja aqui: Barra de rolagem na postagem

Cecília Padilha disse...

Olá Fabiano! Foi muito boa a sua dica!:-) Muito obrigada mesmo! Mas só fiquei com uma dúvida... você se referiu na sua resposta, para postagens na página inicial... mas o meu interesse em colocar barra de rolagem, só é nas páginas extras... É possível fazer isso? Ou as orientações que você passou no tutorial serve para a página inicial e páginas extras??

Me lembrei também de utilizar as janelas "pop up", ou seja criar um link do título das postagens na páginas extras e fazer com que abra uma janela pop up, contendo o texto... É possível... se possível como faço isso, nas páginas extras?

Desculpe-me tantas perguntas... é que estou fazendo uma reforma geral no blog e gostaria de fazer estas mudanças... :-) Muito obrigada pela paciência... :-)

Fabiano Roberto disse...

Cecília Padilha

tente usar esse código:
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<style type="text/css">

.post {overflow: auto;width: 400px;}

</style>

</b:if>

mas coloque depois da linha body{.....} porque isso é uma formatação CSS

Cecília Padilha disse...

Oi Fabiano... eu não tenho familiaridade com formatação HTML ou CSS, estou apenas iniciando... já fiz algumas alterações no meu blog com a formatação HTML, porem faço com as orientações para iniciantes mesmo!:-) Desculpe, mas não entendi como faz esta mudança de código que você se referiu... é em editar HTML? Precisa selecionar expandir modelos de widgets? Quando vc se referiu a palavra - body - é a primeira que aparece de uma sequência? Porque vi várias vezes a palavra - body. Se você puder me passar os passos para pessoas iniciantes, eu agradeço muito... :-)

Fabiano Roberto disse...

Cecília Padilha
você precisa marcar para expandir o modelo para achar os códigos

o body é o primeiro que está assim body{....} e tem varios códigos dentro das chaves, então você pode colocar o código na linha antes ou depois que fecha as chaves do body

floramorosa disse...

OI, FABIANO!
POIS É, EU QUERIA SABER UMA COISINHA... SEI LÁ, ACHO TÃO POBRINHO AS POSTAGENS DO MEU BLOG APARECENDO..!
VOU EXPLICAR MELHOR: ESCREVO UM LIVRO NO BLOG E GOSTARIA QUE AS POSTAGENS (NA VERDADE OS CAPÍTULOS DO LIVRO)FICASSEM EM PÁGINAS E QUE APENAS UMA POSTAGEM, POR EXEMPLO,COMO UMA CAPA DO LIVRO APARECESSE...
TEM COMO FAZER ISSO? EU QUERIA DEIXAR O BLOG MAIS ORGANIZADO E BONITO!
AH, EU USO O WINDOWS LIVE WRITER PARA POSTAR NO BLOG E TEM LÁ NO BOTÃO "POSTAGEM": "CRIAR NOVA PÁGINA"...
MAS NÃO FUNCIONA. PORQUÊ?
VALEU PELAS DICAS, ADORO SEU BLOG!

floramorosa disse...

OI, FABIANO! POIS É, EU ESCREVO UM LIVRO EM MEU BLOG. E QUERIA FAZER O SEGUINTE: QUERIA COLOCAR AS POSTAGENS (NA VERDADE OS CAPÍTULOS DO LIVRO) EM PÁGINAS. NA PÁGINA INICIAL QUERIA QUE FICASSE COMO SE FOSSE A CAPA DO LIVRO... AH, USO O WINDOWS LIVE WRITER PARA FAZER AS POSTAGENS DO MEU BLOG. E EU VI NO BOTÃO"POSTAGENS": "CRIAR NOVA PÁGINA". SÓ QUE NÃO FUNCIONA. PORQUE SERÁ?
TEM COMO DEIXAR MEU BLOG-LIVRO MAIS ORGANIZADO, COM CARA DE LIVRO MESMO?
ADORO SEU BLOG!

Fabiano Roberto disse...

floramorosa veja aqui: Fazer Pagina de Boas Vindas no Blog - Criar Pagina de Abertura

Dominick disse...

Já faz algum tempo que o "dicasparablogs" me salva. A chance de eu encontrar aqui o que estou procurando é grande.

O proprietário deste blog é competente e merece cada centavo ganho por conta deste site. Torço para que continue com este trabalho e sei que o blog ainda vai render muitos frutos para o criador. Boa noite.

Fabiano Roberto disse...

Dominick
obrigado pelos elogios

Passa Tempo Artesanal disse...

Boa Tarde
Estou com um probema, eu inseri no meu blog a opção de recebr as postagens por email...e fiz um teste com o meu email, ms tem um problema q não sei resolver: ao receber o email com a informação de postagem, aparece no assunto do email apenas um ponto (.) e não aprece o título da postagem, o remetente a aparece correto.
O que estou fazendo de errado?

Fabiano Roberto disse...

testei o feed e funcinou.

mas veja suas configurações do feedburner, por exemplo no seu blog ao entrar no endereço:

http://passatempoartesanal.blogspot.com/feeds/posts/default

vai para:
http://feeds.feedburner.com/blogspot/PCxxs


e o nosso feed
www.dicasparablogs.com.br/feeds/posts/default

redireciona para o endereço do feedburner
http://feeds.feedburner.com/dicaparablog

Gledson Nascimento disse...

Muito bom!

valew!!!

Angelo disse...

Como eu retiro o link das postagens na pagina inicial ?

Fabiano Roberto disse...

mas quer deixar o que na pagina inicial? é normal aparecer as postagens com links.

Postar um comentário

Gostou? Compartilhe!