, , ,

Inserindo uma lista de Postagens Relacionadas no rodapé da postagem

68 comentários
Blogger Hacks 

Fazer com que o leitor visite o seu blog é uma coisa, agora fazer com que ele continue por mais tempo, lendo mais postagens (a tal taxa de rejeição), é outra completamente diferente e por sinal, muito mais difícil. Uma boa forma de se conseguir isso no Blogger/Blogspot é entregando ao leitor mais daquilo que ele veio buscar, ou seja, mostrando à ele postagens relacionadas ao que ele está lendo. E não se preocupe, pois a lista só aparece na página individual da postagem.

Para inserir uma lista de Postagens Relacionadas no final da postagem, 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: 

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

Agora encontre este código:

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

Então cole este código ANTES do </b:loop> (observe o contexto do </b:loop> para que seja igual ao apresentado acima, pois existem vários </b:loop> no código): 

<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>

Altere o número “5” destacado em laranja do código acima pelo número de postagens relacionadas que você deseja que apareçam para cada categoria/marcador. Por exemplo, se a sua postagem possuir os marcadores “Notícias” e “Futebol”, aparecerão 10 postagens relacionadas no total, 5 para cada marcador.

Agora só mais uma vez, encontre este código:

<div class='post-footer-line post-footer-line-3'/>

Então cole o seguinte código DEPOIS: 

<b:if cond='data:blog.pageType == "item"'><h3>Postagens Relacionadas</h3></b:if>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>

Altere a parte em laranja se quiser dar outro nome à lista de Postagens relacionadas. Talvez “Artigos Relacionados”? Você quem sabe.

Como esse hack funciona somente nas páginas individuais, não será possível visualizar diretamente o resultado. Então visualize apenas para checar se houve algum erro com o template e clique em Salvar Modelo. Em seguida abra uma postagem no seu blog para verificar o resultado.

Se o Hack não funcionar ou causar erros no seu template, desfaça as alterações clicando em Limpar Edições ou utilize o backup que você criou e clique em Fazer Upload, então refaça todo o processo.

Comentários (68)
FF 09/02/09 03:15

Nossa! Muito obrigado.

Funfou direitinho no meu blog.


Você tem algum código para "diminuir o tamanho dos posts" ou seja, colocar o "LEIA MAIS..."

Valeu.

badtom 06/03/09 17:17

AÊ brother valeu mesmo... já havia tentado com outros códigos parecidos, mas não dava certo.

burity 13/03/09 20:31

Blz! Tudo funcional,obrigado.

Eduardo 31/03/09 21:28

no meu funcionou blz, mas não aparece as postagens relacionadas

Flip 02/04/09 10:38

Esta-me a acontecer o mesmo que o Eduardo, no Html tudo corre bem mas depois apenas me aparece o titulo "Postagens Relacionadas"

JipaGito 12/04/09 03:18

parabéns! estou seguindo as dicas!

CicloTP 14/04/09 20:48

Tenho usado suas dicas e posso dizer que têm me ajudado muito em meu blog!
Valew! Espero que continue postando !

Samuel Cersosimo 04/05/09 16:40

Obtive o mesmo erro que o Eduardo e o Flip acima.

A lista não traz nenhum resultado.

=/

undershock 12/06/09 14:40

Sou o Eduardo, usei outro código e funcionou, obrigado mesmo assim "D

Por mim, tudo bem 16/06/09 10:15

a mesma coisa aconteceu comigo! assim como com o Eduardo,usei o código e só aparece o postagens relacionadas e nada de lista abaixo dela!!:( mesmo assim a dica e boa!

vinicius gabriel 21/06/09 17:05

funcionou vlw

iae Sérgio, tentei colocar ele no meu Blog, fiquei em duvida (extranho pq sempre consigo me virar em todos os tutorias) Procurei pelo codigo:

div class='post-footer-line ...

e... achei este:

div class='post-feeds'...

Cole aquele codigo depois, como você explico. Visualizei pra ver si tinha feito algo errado, mais não apareceu erro nenhum, eu fiquei na duvida, pq si salvar e não acontecer nada, vou perder tempo em procurar e remover todo que inseri, então arrisquei a salvar, visualizei e tava ali, o script de Postagens Relacionadas.
Vlw pelo script, sucesso pra você.

João Paulo Veloso 19/07/09 23:35

Ola! Comigo funcionou direitinho! VAleu!!!

Irving Maynard 01/08/09 16:34

Valew mesmo, ficou ótimo!!!

Além do mais, gosto de coisas bem explicadas. A forma como vc postou esse artigo não deixou nenhuma sombra de dúvidas!!!!

parabéns

Yure Downloads 02/08/09 17:35

Kara, Muito Obrigado mesmo =D, To deixando meu Blog do jeito que gosto xD

Andrea Marcondes 20/08/09 18:41

Tb estou deixando o Blog do jeito que queria...obrigada por todas as dicas!!!
;)

Admin 02/09/09 11:16

MUITO OBRIGADO NÃO TINHA CONEGUIDOS NOS PRIMEIROS DIAS QUE TENTEI MAIS AGORA CONSEGUI OBRIGADO

Como sempre sem erros, agradeço a dica, venho procurando este tópico já faz um tempinho, até improvisei e coloquei os links manualmente acrescentando códigos de html para links...
prático e rápido.
Valeu.

kotonette 13/09/09 11:19

Tudo certinho, mais uma vez, Obrigado.

Wandyson Moreira 19/09/09 19:22

Useias dicas e gostei muito!!
Valéu

Santos 11/10/09 17:15

Consegui instalar o hack porém esta aparecendo nos posts relacionados o título da postagem do marcador, ou seja , numa postagem de titulo (Desenvolvimento sustentável de marcador tendências) no post-footer-line-3 esta aparecendo novamente, repetindo. Como resolvo isto? Desde já agredeço, caso possa me ajudar.

Neto 25/10/09 14:12

no meu eu não consigo achar o código que pede!

Jc Denton 22/01/10 16:11

Eu não consigo achar o ultimo codigo!!!!!

BRUNA 02/02/10 04:03

adorei a postagem... me ajudou muito.. vlw

arquivorar 11/02/10 23:52

Olá Não Deu Certo a Ultima Eta não acho post-footer-line post-footer-line-3

D'J DIDIÇ@ 20/02/10 16:09

muito bom esse toturialmas tem um problema em lgumas postgens o maximo não é repeitado

e não é para menos é pra masi ou seja

pos o max em 10 e nas que so teem menos de 10 cooisas relacionadas tudo bem so aparece as que teem depois nas outras que teem muitas coisas relacionadas aparece mis de 10 por exemplo aqui aparecem 14

http://hackerssemlimites.blogspot.com/2010/01/template-filme-download.html

porque será???

Pegada de Músico 20/02/10 16:40

Já tinha visto este post em outro blog mais não tinha conseguido acho que tinha alguma coisa errada, mas tentei do jeito que vi aqui e deu tudo certinho.

Fábio 08/03/10 15:19

Essa dica é ótima!

Eu só gostaria de saber se é possível modificar as propriedades da fonte, como nome, estilo, cor e tamanho.

Muito obrigado.

Fabrício 11/04/10 23:21

muito obrigado funcinou muito bem

muito obrigado funcinou muito bem 2

S.T.A.L.K.E.R 06/05/10 16:29

No meu blog ocorreu um erro grave tipo na ediçãi rápida tem um lápid no roadpé , então esse hank quebrou a divisão do lápis com o blog fico partido como arrumo ?

Anônimo 05/06/10 02:07

Ola amigos.. me add ai no orkut por favor quero lotar.
http://www.orkut.com.br/Main#Profile?uid=15537255673137281919

Alexandrina Oliveira 03/08/10 13:47

Não consegui fazer pq sempre q vou salvar aparece a msg?

"Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The element type "b:loop" must be terminated by the matching end-tag "".

Nety 30/10/10 02:39

fiz e deu tudo certo salvei e nada de posagens relacionadas,sabe me explicar o pq?

Anônimo 20/01/11 18:40

As postagens são relacionadas pelos marcadores, então, a maioria dos problemas deve estar relacionada a isso...

Se pa, suas postagens não tem marcadores, ou, só tem uma postagem por marcador, manja?

Ótimo tutorial!
Parabens!

TipsRC 08/02/11 00:23

Nada feito, não encontrei o código do item 4.

Admin 23/02/11 16:00

1000% Aprovado Tentei de varios não due por meu template ser personalizado mais o seu 1000% oK Valeu msm XD

obrigado =)

publicidade 24/03/11 19:34

Depois de ja ter usado varios modelos que funcionaram, ja nao estava conseguindo o mesmo efeito em um template nao editado, foi somente com esta dica que consegui todos os outros falharam, isto se deve a desparidade de codigo nos templates modificados, mas graças a sites e blogs que sempre se atualizam como este ainda temos exito .. valeu ...

Terroir Gourmet 15/04/11 15:22

Olá, você sabe como faço para deixar as fotos centralizadas e sem distorcer nos boxs relacionados? E outra coisa: como faço para o título caber inteiro sem quebra?
Obrigada, Isabel

DDI Downloads 23/04/11 19:38

Muito obrigado, funcionou direitinho, eu estava procurando um tutorial assim faz tempo, mais eu tenho uma duvida, eu queira saber se tem como mudar a cor do "Postagens Relacionadas" que está marrom para uma cor Azul?

E o Blog e muito bom mesmo!

D'J DIDIÇ@ 23/04/11 21:50

@DDI Downloads tem sim! procure no código css algo começado por # por exemplo #0033CC que é um dos azuis. depois vai aqui http://www.abpsoft.com/criacaoweb/tabcores.html e vê uma cor que goste e é só mudar o código a seguir do #. Cuidado que no código css pode ter mais que um # certifique-se que se refere ao que você quer

Vinícius Schuler 19/05/11 14:19
Este comentário foi removido pelo autor.
Vinícius Schuler 19/05/11 14:20

Naum aparece as postagens embaixo

test ae:
http://bloggergoogletest.blogspot.com/

meu blog de test

Willian Keller 20/07/11 23:40

Muito bom!

↘ Natan 26/09/11 20:09

:/ naao conseguii ta faltando um pedaço do codigo no comesinho :(

Anônimo 16/10/11 17:07

Está faltando códigos no início do item 5.

ronan 04/11/11 15:24

amigo muito bom mesmo vi essa tecninca em varios site mas ja tentei varias vezes e não deu serto , eu fiz direitinho , mas seis podem me da uma ajuda ? sera o templaite , se for oque tenho que fazer sem ter q mudar o templaite pra da serto da uma ajuda por favor meu blog é esse aqui http://filmesmegavideos2.blogspot.com oi clica no meu nome vai para o blog abraços espero sua ajuda

ronan 04/11/11 15:41

amigo o que da dando erro no meu é esse aqui não tem
class='post-footer-line post-footer-line-3'/>
tem esse aqui mas é diferente , tentei trocr pelo de cima mas da erro
class='post-footer-line post-footer-line-1'>
me ajude por favor cara entre em contato ok abraços

megavideosfilmes 08/11/11 13:59

muito dez , esas explicações , um geito bem mais facil de compreender vlw mesmo , mas queria uma ajuda especial , sobre postagens poupulares , meu templaite não da pra por como fço falta um codigo q em vez de 3 tem um 1 no final e quando mudo da eero me ajudem ?!!

Fernando Soares. 08/03/12 18:55

Obrigado pelo Ótimo post, simples e muito útil. tou usando no meu agora

http://jogosandroidportugues.blogspot.com/

Oliveira 04/04/12 22:22

Olá, gostaria de obter uma lista de postagens recentes como a que se encontra no site: http://formula1.com/

Vc pode me ajudar? conhece alguém ou algum template que tenha uma lista semelhante?

Kel Araújo 26/05/12 19:13

MANOOOO ERA O QUE EU TAVA PROCURANDO POST RELACIONADAS POR MARCADORES AQUI DEU SUPER HIPER MEGA CERTO, VALEEEEEEEUUUU MESMO TA DE PARABENS !!!! \OOOOO/

Alto CD`S 04/07/12 23:58

como faz para deixar com imagens?

Victor 07/10/12 09:59

Parabéns cara, ajudou pra caramba, e o que falar do blog... PUTZ!!! Ótimo

Epifanio CS Filho 30/10/12 01:16

Opa , bacana. Funcionou no coisas de comunicação

Pablo Monteiro 03/12/12 22:17

O meu não fucionou porque não tem o link da 4 etapa,e agora?
http://piadonhas.blogspot.com.br/

Djalma de Paiva Neto 16/07/13 03:14

agradeço, mas não aparece nem a pau os relacionados no meu blog


http://vitrolaodjalma.blogspot.com.br/

Jonatas Pereira 23/09/13 19:17

Cara VLW, eu nao consequia de jeito nem um de outra forma, com seu metodo, funfou legarl, brigadao

tem como mudar a fonte etc?

Rangel d'Jesus 03/12/14 13:04

Estou com um problema quanto a este item, pois em meu site está: undefinid

Pode me ajudar. Agraço.

Wei Chen 26/06/15 23:03

true religion jeans
nike air max 2015
ray ban outlet
air jordan 13
bottega veneta wallet
bottega veneta outlet
mulberry handbags
vibram fivefingers
mulberry outlet
lebron james shoes
tory burch outlet online
blackhawks jersey
larry fitzgerald jerseys,kevin kolb jerseys,patrick peterson jersey,andre ellington jersey,larry fitzgerald jersey,calais campbell jersey,deone bucannon jersey,andre ellington elite jersey,darnell dockett jersey,michael floyd jersey,sam acho jersey
ralph lauren uk
the north face uk
cheap jordan shoes
stuart weitzman outlet
coach outlet online
true religion sale
swarovski crystal
ugg boots uk
seattle seahawks jerseys
nike roshe run
los angeles clippers jerseys
ugg uk
cheap wedding dresses
football shirts
burberry sale
michael kors bags
ray ban sunglasses outlet,ray ban sunglasses,ray ban,rayban,ray bans,ray ban outlet,ray-ban,raybans,ray ban wayfarer,ray-ban sunglasses,raybans.com,rayban sunglasses,cheap ray ban
wei20150627

Ww Weng 15/07/15 07:22

burberry

christian louboutin shoes

tory burch sale

abercrombie kids

abercrombie

abercrombie and fitch

air huarache

air jordans

air jordan 2015

air max 2015

nike air max

babyliss

cheap basketball shoes

monster beats

dre beats

beats by dre outlet

beats by dre

bottega veneta

burberry

burberry outlet

burberry outlet online

burbery outlet store

burberry outlet

calvin kleins outlet

celine bags

chanel bags

softball bats

christian louboutin outlet

baseball jerseys

air jordan shoes

michael kors handbags clearance

nike outlet

oakley sunglasses cheap

oakley outlet

oakley sunglasses

ray bans

shoes outlet

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:35

20151028xiaodaige
michael kors factory store
oakley sunglasses wholesale
cheap jordans
oklahoma city thunder
ugg boots uk
celine outlet
arizona cardinals
canada goose outelt
coach outlet online
air jordan shoes for sale
ugg boots
ralph lauren polo
cheap jordan shoes
rolex uk
camisetas futbol baratas
mont blanc pens
tommy hilfiger
ed hardy clothing
ugg outlet online
atlanta falcons
discount oakley sunglasses
beats by dre
hermes birkin bag
chanel handbags outlet
coach outlet store
oakley sunglasses
tory burch outlet
barbour jackets
minnesota vikings
moncler jackets
cheap uggs
louis vuitton outlet store
ray-ban sunglasses
basketball shoes,basketball sneakers,lebron james shoes,sports shoes,kobe bryant shoes,kobe sneakers,nike basketball shoes,running shoes,mens sport shoes,nike shoes
ralph lauren,polo ralph lauren,ralph lauren outlet,ralph lauren italia,ralph lauren sito ufficiale
michael kors outlet

dong dong23 28/06/16 04:14

louis vuitton outlet
louis vuitton handbags
longchamp outlet
toms
louis vuitton outlet
adidas uk
cheap ray ban sunglasses
asics running shoes
true religion
coach outlet store online
ghd flat iron
vans shoes outlet
michael kors outlet
cheap toms shoes
air jordan retro
adidas superstar
beats headphones
kate spade handbags
coach outlet online
kevin durant shoes 8
jordans
nike roshe flyknit
ralph lauren sale
nike blazers
christian louboutin flats
lebron james shoes 13
celine handbags
louis vuitton outlet
ray ban sunglasses
nike roshe flyknit
louis vuitton outlet stores
pandora jewelry
kate spade handbags
christian louboutin outlet
louis vuitton outlet
coach outlet
jordans for sale
coach factory outlet
louis vuitton
michael kors outlet clearance
20166.28wengdongdong

Gege Dai 15/07/16 13:09

nike air max 90
football shirts
longchamp handbags
mulberry handbags
kate spade uk outlet
tods outlet
nba jerseys
ed hardy clothing
mulberry uk
cheap mlb jerseys
prada outlet online
michael kors outlet
supra shoes sale
beats by dr dre
cheap jordans
mont blanc outlet
christian louboutin shoes
ralph lauren outlet
prada handbags
gucci sunglasses
cheap nike shoes
burberry outlet sale
polo ralph lauren
ferragamo outlet
true religion uk outlet
longchamp outlet
tory burch outlet
coach outlet online
louis vuitton handbags
cheap ray ban sunglasses
nba jerseys
michael kors outlet
kobe bryants shoes
rolex orologi
nike free run
chanyuan0716

Gege Dai 21/08/16 22:44

michael kors factory outlet
lacoste polo shirts
ralph lauren outlet
michael kors handbags
polo ralph lauren
lululemon outlet
ugg boots clearance,ugg australia,uggs on sale,ugg slippers,uggs boots,uggs outlet,ugg boots,ugg,uggs
coach outlet
uggs on sale
adidas trainers
longchamp handbags
puma outlet
louis vuitton outlet stores
reebok outlet store
longchamp
longchamp handbags
michael kors outlet
ferragamo shoes
tiffany jewelry
coach outlet store
nike air max 90
football shirts
timberland shoes
moncler jackets
links of london
nike roshe run
coach outlet
michael kors outlet store
celine outlet online
nike uk store
chrome hearts eyewear
ugg outlet
michael kors clearance
ugg outlet store
montblanc pens
czq20160822

Postar um comentário