, , ,

Resumindo postagens na página inicial, de marcadores e arquivo do seu Blogger

48 comentários
Blogger Hacks 

Muitos blogs hospedados no Blogger/Blogspot acabam se tornando longos demais, o que dificulta a navegação e torna o carregamento da página lento. Para resolver este problema, nós temos algumas opções como alterar o número de postagens na página inicial ou exibir somente os títulos das postagens, mas isso nem sempre cai bem em todos os blogs. A outra alternativa, que será mostrada aqui, é exibir postagens resumidas na página inicial, e que, quando clicadas, mostram o conteúdo completo.

Para exibir postagens resumidas na página inicial, de marcadores e arquivo do seu blog, faça o seguinte:

Acesse o seu Painel do Blogger e selecione Layout, então clique em Editar HTML para entrar no modo de edição do código do seu Template.

Então marque a opção Expandir modelos de widgets.

Não se esqueça de fazer o backup do seu template antes de realizar as alterações no código, clicando em Baixar modelo completo.

Encontre o seguinte código (utilizando o Ctrl+F do seu navegador):

</head>

Então cole o seguinte código ANTES:

<b:if cond='data:blog.pageType != "item"'>
<script type="text/javascript">
function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") &amp;&amp; (found == 0))
spans[i].style.display = 'none';
}
}
</script>
</b:if>

Agora vamos fazer 2 substituições no código. Na primeira, encontre o seguinte código:

<div class='post-body'>

E SUBSTITUA por: 

<div class='post-body' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>

Na última, encontre o seguinte código:

<p><data:post.body/></p>

E SUBSTITUA por: 

<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'>Leia mais</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

Substitua a parte em laranja acima pela texto do link que levará à postagem completa. Em geral utiliza-se “Leia mais” ou “Continue lendo”.

Visualize o template para checar se não houve algum erro e clique em Salvar Modelo. Em cada postagem que você quiser que haja o resumo, deverá incluir uma pequena marcação no código, como será visto a seguir.

Para que todas as novas postagens já venham configuradas para o Hack, acesse o seu Painel do Blogger e selecione Configurações, então clique em Formatação e encontre o item Modelo de Postagem. Agora cole o seguinte código:

Digite aqui o resumo da postagem
<span id="fullpost">
Digite aqui o restante da postagem
</span>

Clique em Salvar Configurações. Agora todo novo post que você criar, iniciará com o código acima. O Hack consiste em esconder tudo o que estiver entre <span id="fullpost"> e </span> (considerando o HTML da postagem). Basta colocar cada parte no lugar certo, que o Hack funcionará sem maiores problemas. Quando não quiser uma postagem resumida, basta apagar todo o código e escrever a postagem normalmente. Para configurar o Hack em postagens já existentes, você deverá editar o HTML manualmente e incluir os dois trechos de código.

Pronto, o Hack já está completamente instalado. Agora é só usá-lo de acordo com a orientação acima.

Se o Hack não funcionar ou causar erros no seu template, utilize o backup que você criou e clique em Fazer Upload, então refaça todo o processo. Se quiser retirar o código que aparece em todas as postagens, acesse o seu Painel do Blogger e selecione Configurações, então clique em Formatação e encontre o item Modelo de Postagem. Então é só remover o código que aparece na caixa de texto e Salvar Configurações.

Referências:
UsuárioCompulsivo | Katatempla

Comentários (48)
jcdigital 17/03/09 23:50

Muito bacana esse hack, mas eu particularmente não gosto de resumo porque é mais um clique que me levará a algo.

usuariocompulsivo 18/03/09 08:49

Já vi este JavaScript em algum lugar...

[]'s
Compulsivo

monthiel.com 18/03/09 09:20

Interessante. Mas não sei porque ainda prefiro o full post na inicial.

Abs,
Monthiel.

irradiandoluz 18/03/09 16:01

Eu uso essa hack. Segui passo a passo o tutorial "Como crio resumo de postagens expansíveis?" em:
Central de Ajuda Blogger

No entanto, toda vez que incluo o código span class="fullpost" e alterno entre o modo "HTML" e "Escrever", e depois retorno ao modo "HTML", o código some.

Como faço para que isso não aconteça?
Postei essa dúvida no Fórum do Blogger, mas até agora ninguém soube me responder.

Se você ou algum leitor sabe como resolver esse bug, me avise!

Abração
Gabriel Dread

Studio Mais 30/03/09 00:25

Cara Valeu!!
Foi muito útil para mim.
Sempre surpreendendo.
Parabéns!!!

Christiano 20/04/09 02:01

Já usei essa dica em um outro template,mas o que eu uso atualmente não aceita este hack! eu poderia criar ele?
se alguém me ajudar fico grato! http://jipagito.blogspot.com
jipagito.contato@gmail.com

!! ATENÇÃO !! 19/05/09 23:25

amigo o div class='post-body' não encontro em lugar algum o;O

Anônimo 20/05/09 18:52

colega eu tambem não encontro o div class='post-body' ??

Janderson 30/05/09 11:58

Muito bom este post

Raiana Reis 05/06/09 15:30

Olá, gosto muito do seu blog e sigo o feed, parabéns!
Estou precisando fazer resumos de algumas postagens no meu blog, apesar de seguir todas as instruções não encontro o codigo "div class='post-body" nos templates, mesmo o CTRl+F acusa como texto não existente... o mais proximo que achei foi 'post-metadata' mas nenhuma tentativa deu certo... produzi alguns textos maiores no meu blog e precisava muito desse recurso pra não perder a qualidade visual ou ficar cansativo, pode me ajudar? Agradeço desde já, abraços.

raianareis@hotmail.com
www.tocou.blogspot.com

Dexter Hacker 11/06/09 23:30

quando o resumo e grande esse hack naum funciona!!!
tem como consertar???

Dexter Hacker 12/06/09 14:02

obs:como e comentario naum aceita codigo ,entaum vou subistituir < > por ()
ja sei como resolver o meu caso,eu coloco a primeira e a sugunda parte nos seus devidos lugares,em seguida eu clicko em "editar html" procuro por:"(span id="fullpost")" "no meu caso" logo depois disso tem escrito (/span)(dai o problema)
ex.:
blablabla
(span id="fullpost")(/span)
blablabla

o que eu faço é recortar (/span) e colar no final da postagem,
ex.:
blablabla
(span id="fullpost")
blablabla
(/span)
depois so é publicar que funciona.

Dexter Hacker 12/06/09 14:07

ops erro,esqueçam o que eu disse sobre recortar (/span) e colar no final,só façam excluir (/span).
flw
como dizia eu mesmo:
-futucando é que se aprende
srsrsrsr

MaikeMR 22/06/09 02:40

Kra muito Obrigado pela dica deu certim aqui no meu blog
parabens,, sucessoo com seu blog

Sii 30/06/09 17:34

eu tambem não encontro o div class='post-body'
:/

Parabens pelo blog!,encontrei aqui quase tudo o que eu precizava! :D

Marilza 05/07/09 00:15

Quero tirar esse hack "conitnue lendo" do meu template, como faço?
Pode me ajudar?

Att.
mailza

Cristiano Almeida 15/07/09 23:18

Quero dar os parabéns ao Icebreaker. Esta é a primeira vez que venho nesse blog e fiquei impressionado pela sua qualidade. O blog é um pouco sobrecarregado de informações, parece meio apertado, mas é muito organizado, e seu excesso de informações fica como uma grande qualidade. Tudo é muito bem explicado também.

Esta postagem em especial me ajudou muito. Já havia lido sobre isso em outro lugar antes, mas a explicação aqui fluiu de modo bem simples, claro, conciso.

Parabéns e continuem o bom trabalho. Já assinei o RSS.

Arte techfhoto 23/07/09 15:59

oi cara vc disse assim. ( Para que todas as novas postagens já venham configuradas para o Hack, acesse o seu Painel do Blogger e selecione Configurações, então clique em Formatação e encontre o item Modelo de Postagem. Agora cole o seguinte código: ) . mas eu não entendi que código é esse????? me responde ok . claudinho.amigos.777@hotmail.com.br

RAÍ WEB MASTER 07/09/09 22:25

alguem sabe como deixar so o nome da postagem como nesse site aqui http://www.agaleradodownload.com

por favor quem souber entre em contato comigo flww

rai_siqueira@live.com

Reginaldo Fire 08/10/09 19:51

Muito massa esse hack

http://www.firedownloadss.blogspot.com

gadarf 14/11/09 17:32

Uso esse hack a bastante tempo, continuo usando, mas ele tem um bug no chrome.

Lucas Aubim 09/12/09 16:10

eu nao consegui achar o codigo post-body

Jasiel 04/01/10 18:34

Não deu erro em nada, mais também nao funcionou! rs

FOXXavier 07/01/10 20:49

eu nao consegui achar o codigo post-body 11313x

Não tem no template do meu blog, e agora?

Anônimo 24/01/10 22:26

Sou Guto de Sta Cruz do Capibaribe PE.

Legal o geito que vc encina, Pra Mim deu tudo serto,
Não erei nadinha.

Kebra Gaio 30/01/10 21:09

esse hack é muito bom, pemite que vc deixe o blog mais organizado deixando as postagens do mesmo tamanho na pagina inicial (refiro-me a altura das mesmas, como se fosse um pdrão entende?)e o blog carrega bem mais rapido.

fiz tudo certinho mas nao funcionou !

RodrigoF. 02/04/10 14:04

fiz tudo certinho mas nao funcionou ! ²

fiz tudo certinho mas nao funcionou ! 3

Arquivos Diversos 09/05/10 10:54

Muito bom, vou testar estava procura há muito tempo!!!

LiPPi... 03/10/10 21:57

muito bom icebreaker, parabéns, tem como ensinar a fazer isso, mais colocando uma imagem, no lugar do Leia Mais... ?

LiPPi... 03/10/10 22:05

acabei d aprender sozinho, eita mto lokoo isso

Anônimo 10/10/10 09:07

Não consegui encontrar os dois últimos códigos, os tinha que substituir, no HTML.

Manoel 25/06/11 22:16

Aew, não consegui encontrar div class='post-body'. Alguém pode ajudar-me?

Manoel 25/06/11 22:35

Acho que consegui: data:post.body

Manoel 26/06/11 11:58

AAAAhhh, esquecem tudo o que disse. Cliquem em expandir modelos de widgets.

Anônimo 13/03/13 15:02

Nao entendo nada do twitter quero saber fazer amizade

Wei Chen 26/06/15 23:05

nick foles jersey,eagles elite jersey
vans shoes
christian louboutin uk
oakley sunglasses canada
cheap soccer jerseys
canada goose jackets
colts jerseys
kobe bryant shoes
michael wilhoite jersey,y.a. tittle 49ers jersey,justin smith jersey,nike 49ers jersey
mlb jerseys
evening dresses outlet
surpa footwear
cheap jordans
canada goose outlet
nike air max
new york giants jerseys
the north face outlet
saints jerseys
north face outlet
mulberry outlet
dwyane wade jersey
cleveland cavaliers jersey
hermes outlet online
prada sneakers
nike air max 2014
falcons jersey
barcelona jersey
michael kors outlet uk
nike huarache
chicago bulls jersey
wei20150627

Ww Weng 15/07/15 07:21

juicy couture clothes

ferragamo outlet

ferragamo

straightener

gucci shoes uk

gucci belts

gucci bags

gucci handbags

gucci shoes outlet

gucci outlet

hermes belt

hermes belt

hermes

hollister clothing store

hollister clothing store

insanity calendar

ipad cases

jimmy choo outlet

retro jordans

cheap jordans

juicy couture

juicy couture outlet

katespade

kate spade outlet online

kate spade outlet

longchamp handbags

longchamp outlet

louboutin shoes

louis vuitton

louis vuitton

louis vuitton bags

louis vuitton handbags

louis vuitton

louis vuitton outlet online

louis vuitton outlet

marc jacobs handbags

mcm handbags

mcm world wide

huali10 Cai 17/07/15 04:00

ralph lauren uk
m a c cosmetics
five fingers shoes
new york giants jerseys
salomon speedcross 3
abercrombie
foamposite galaxy
mulberry outlet
burberry outlet online
ysl outlet
michael kors outlet
lebron james shoes
burberry handbags
nfl jerseys wholesale
nike trainers
oakley sunglasses wholesale
air jordan 4
oakley sunglasses wholesale
the north face jackets
christian louboutin outlet
christian louboutin shoes
nike roshe
tiffany and co jewelry
kate spade handbags
pandora outlet
thomas sabo bracelet
north face outlet
denver broncos jerseys
kate spade handbags
babyliss
cheap nike shoes
ray ban
chanel handbags
hermes belt
dallas cowboys jersey
zheng123 7.17

Gege Dai 27/10/15 22:20

20151028xiaodaige
los angeles clippers
mizuno running shoes
tory burch outlet online
philadelphia eagles
hogan,hogan outlet,scarpe hogan,hogan sito ufficiale,hogan interactive
lebron shoes
phone cases
snow boots
kobe bryants shoes
canada goose outlet
true religion canada
nike mercurial
christian louboutin shoes
toms outlet store
polo shirts
ugg boots
valentino outlet
prada outlet online
nike air huarache
ray ban outlet
pandora outlet
oakley sunglasses
mulberry outlet store
cheap ray ban sunglasses
michael kors outlet
nike air huarache
air jordan 11
coach outlet
new york giants
cheap nfl jersey
lacoste pas cher
winter coats
soccer jerseys wholesale
cleveland cavaliers
bottega veneta outlet
north face jackets

Qing Cai 28/12/15 04:07

ray ban sunglasses
tiffany and co
canada goose jackets
ugg outlet
cheap michael kors handbags
tiffany jewellery
ugg boots
burberry outlet
louis vuitton outlet
louis vuitton bags
lululemon outlet
longchamp outlet
toms shoes
the north face jackets
lacoste polo shirts
longchamp handbags
true religion jeans
oakley
ugg outlet
tiffany jewellery
ugg boots
tory burch outlet
michael kors outlet store
tory burch outlet
oakley sunglasses
jordan shoes
christian louboutin
longchamp outlet
celine outlet
ugg boots
replica watches
ray ban sunglasses
discount michael kors handbags
oakley sunglasses wholesale
ugg boots
adidas outlet store
air jordan shoes
ghd hair straighteners
polo ralph lauren
the north face outlet store
cai20151228

xumeiqing 18/01/16 00:11

20160118meiqing
hollister
coach outlet
abercrombie
oakley sunglasses
michael kors handbags
true religion jeans
ugg boots
coach outlet store online
uggs clearance
toms
toms outlet
cheap ugg boots
michael kors outlet
polo ralph lauren
michael kors outlet online
michael kors outlet online
mulberry handbags
kate spade handbags
coach outlet
ugg boots
louis vuitton bags
jordans
michael kors outlet
louboutin pas cher
ralph lauren outlet
hollister outlet
the north face jackets
ralph lauren polo
canada goose outlet
jordan 11s
oakley outlet
oakley sunglasses
louis vuitton outlet
michael kors uk
abercrombie
gucci shoes
ugg boots for men
coach factory
hollister
oakley sunglasses

Gege Dai 02/04/16 05:33

linyuan0402
cartier sunglasses
versace sunglasses
prada sunglasses
police sunglasses
chrome hearts outlet
cartier outlet
cazal sunglasses
burberry sunglasses
chrome hearts
dior sunglasses
chanel sunglasses
cartier watches
louis vuitton sunglasses
gucci sunglasses

Jessica Jeon 18/05/16 05:16

You can actually market your business as well as merchandise with the aid of your followers. buy followes for facebook

dong dong23 28/06/16 03:58

gucci
timberland boots
true religion outlet
hollister outlet
toms shoes
coach factory outlet
michael kors handbags
coach outlet
coach outlet
nike huarache shoes
ray ban sunglasses
louis vuitton bags
giuseppe zanotti
cheap jordans
supra shoes
vans shoes
mont blanc
nike basketball shoes
kobe 9
fake watches
jordan shoes
coach outlet
louis vuitton outlet
coach outlet
louis vuitton handbags
ray ban sunglasses
replica watches
gucci outlet
abercrombie & fitch
ray ban
adidas shoes
michael kors purses
coach outlet
replica watches
coach outlet online
ray ban sunglasses
adidas ultra boost
toms shoes
michael kors outlet
coach outlet store online
20166.28wengdongdong

Gege Dai 15/07/16 13:06

cartier outlet
tory burch outlet online
ghd hair straighteners
longchamp pas cher
christian louboutin outlet
supra shoes
ralph lauren femme
links of london jewellery
coach outlet
pandora outlet
ray ban sunglasses
basketball shoes
ralph lauren uk
true religion outlet
coach outlet online
louis vuitton bags cheap
celine outlet
longchamp handbags
ray ban sunglasses
coach outlet clearance
valentino shoes
prada sunglasses
nike trainers uk
cheap replica watches
burberry outlet
cartier watches
cheap jordan shoes
nike free 5.0
coach handbags outlet
toms outlet store
tiffany jewellery
michael kors online outlet
mulberry bags
coach outlet clearance
nike air max
chanyuan0716

Gege Dai 21/08/16 22:40

louis vuitton
hollister
toms outlet
mulberry sale
thomas sabo outlet
ralph lauren outlet
dior outlet
toms outlet
police sunglasses for men
rolex uk
tiffany and co
fitflops sale clearance
nike air max 90
asics,asics israel,asics shoes,asics running shoes,asics israel,asics gel,asics running,asics gel nimbus,asics gel kayano
asics
polo ralph lauren
michael kors outlet
kobe 9 elite
michael kors handbags wholesale
hermes outlet
michael kors outlet
fitflops uk
the north face jackets
ugg outlet
oakley sunglasses wholesale
tory burch outlet online
coach outlet online
canada goose outlet
polo ralph lauren
ugg boots
nike air max 90
louis vuitton
ray ban sunglasses
yeezy boost 350
longchamp handbags
czq20160822

Postar um comentário