cccc

skip to main | skip to sidebar D'oh!
início .:. blogspot .:. parcerias .:. sobre .:. contato

Assine o Feed
Via Email
Mais opcões

22
Set
2007Artigos relacionados no Blogger por Compulsivo em blogspot , tutoriais , widgets
R$ 74,98COMPRER$ 99,90COMPRER$ 79,90COMPRER$ 72,48COMPRER$ 124,90COMPREpowered by boo-box





Encontrei ontem no Blogando por Dinheiro, uma dica bem legal para exibir artigos relacionados no rodapé dos artigos do novo blogger, a qual reproduzo com algumas adaptações abaixo:

Entre na sua conta do Blogger. Como sempre, faça antes um backup do seu template! Na tab "Editar HTML", clique em "Baixar modelo completo", e salve uma cópia do template no seu computador. Procure a tag Cole o seguinte código logo ANTES dela:



Mude o número 10 para qualquer coisa que você queira. Aparentemente, esse número não indica o total de posts, mas o máximo de posts que são mostrados por cada categoria.

OBS: Os artigos relacionados só aparecem quando os artigos são exibidos de forma individual. Ao acessar a página inicial, ou algum marcador ou arquivo, eles não aparecerão.

Imagem: Hamed Saber


Gostou deste artigo? Então cadastre-se para receber as novidades compulsivas por email ou RSS. Não gostou? Entre em contato e sugira uma pauta.
* Se este site foi útil para você, considere fazer uma doação.
artigos relacionadosMini posts ou resumos automáticos para o estilo revista no Blogger / Blogspot
Corrigindo a exibição do Favicon no Blogspot
Imagem aleatória no cabeçalho do Blogspot
Tutoriais em vídeo com CaptureFox
SEO Master, um serviço que fala nossa língua
Twitter Widgets para Blogger / Blogspot
Widget - Busca com Dica Autolimpante
Followers já disponível, mas nem tanto...
Widget Contador de Posts e Comentários
Google Maps integrado ao Blogger
Como postar vídeos no Blogger direto da página do Youtube
Confirmado: NavBar do Blogger é opcional
postar um comentário
feed dos comentários
encaminhar por email
imprimir esta página
enviar para o Twitter
guardar no del.icio.us
enviar para o Uêba
recomendar no Rec6
recomendar no Linkk
recomendar no diHITT

36 comentários Ariane disse...
Olá! Achei muito interessante e gostaria de colocar no meu blog, mas peço sua ajuda antes: No passo número 11 e 12 há a sugestão de apagar o número 10 e modificar para qualquer outro que me pareça melhor, mas...eu não tô achando o número!!! Já relí umas 15 vezes e nada! :-( Cadê o 10? Eu sou meia cegueta mas já tô ficando encafifada...rsr

Excelente blog, um abraço!
8 de Dezembro de 2007 23:12
Mairo C. Vergara disse...
No passo 4, nao acho o codigo no meu template...
9 de Dezembro de 2007 02:27
Mairo C. Vergara disse...
Cara, nos meus dois blogs nao consigo fazer! Nem no Como Aprender Japones nem no Aprendiz d Blogueiro. No Como Aprender nao acho o codigo do passo 4 e no Aprendiz nao acho o do passo 8!
9 de Dezembro de 2007 02:44
Compulsivo disse...
Ariane,
o passo 10 existe sim, mas na verdade você deve retornar ao passo 9.

Mairo, sugiro que você crie um blog para testes. Execute os procedimentos no blog de testes. Depois que estiver craque você implementa no seu blog pincipal.

[]'s
Compulsivo
9 de Dezembro de 2007 10:38
Ariane disse...
Olá, desculpe, deixei um recado confuso e não me fiz entender, mea culpa! O que não entendí é que o tuto diz para apagar o numero dez (referente à dez postagens relacionadas) e colocar o numero que se deseja (oito, nove, dois, quantas postagens quiser), mas não estou encontrando no código onde fazer esta modificação. Onde apago o numero dez e coloco o numero de postagens relacionadas que desejo?

um abraço!
10 de Dezembro de 2007 15:21
Compulsivo disse...
Oi Ariane,

Agora entendi. Desculpe, realmente não está aparecendo pois a linha é muito comprida.

Ainda não consegui corrigir, pois se eu colocar o código dentro de uma TEXTAREA não terei cores para ilustrar os detalhes.

Faça o seguinte, copie o texto do artigo e cole no bloco de notas, ai você vai ver que o número 10 estava lá o tempo todo.

Obrigado por avisar, vou criar uma página externa com esse tutorial para facilitar a visualização.

[]'s
Compulsivo
10 de Dezembro de 2007 16:24
Ariane disse...
compulsivo, super obrigada pela atenção, deu tudo certinho! Um abraço!
11 de Dezembro de 2007 01:31
Adson disse...
SOCORRO! Tentei fazer conforme o tutorial e minhas postagens sumiram... ESTÃO EM BRANCO!!!! O que faço? Me ajude, por favor!
21 de Maio de 2008 20:22
Compulsivo disse...
Adson, já tentou reverter as alterações?

[]'s
Compulsivo
21 de Maio de 2008 21:28
FreislebenZ disse...
Ola Gostei muito desta customização, porem ao incluir no meu blog, quando acesso um marcador ele aparece no final de cada post o titulo "artigos relacionados" Como faço para não aparecer nos marcadores.
Olha só lá meu blog para ver como fico www.mp3discografias.com
26 de Junho de 2008 19:14
Aidmin disse...
Agora que eu vi, qual é a da imagem de exibição?
(Isso não é uma critica) otimo post, funciona que é uma beleza.
Ótimo blog compulsivo.
17 de Julho de 2008 16:40
Compulsivo disse...
@Aidmin, a imagem representa artigos (ou itens) relacionados entre sí. No caso, frutas ;-)

[]'s
Compulsivo
17 de Julho de 2008 16:52
razr2v8 disse...
Estava procurando por isso a muito tempo! Porém nunca me lembrava do que procurar durante a busca do Google então nunca achava resultados relevantes que ensinava a fazer isso.
Muito obrigado!

Abraços.
1 de Agosto de 2008 16:44
Wilcomjc disse...
Olá Compulsivo,

Já há alguma dica onde possa colocar os posts relacionados na home junto com o post???

Abraços!
2 de Agosto de 2008 15:05
Compulsivo disse...
@Wilcomjc, não sei se existe. Mas acho que a página inicial ficaria muito poluída com artigos relacionados.

[]'s
Compulsivo
2 de Agosto de 2008 17:17
Tecnodrop disse...
Econtrei um template que pretendia usar este codigo só que nele não existe a linha

div class='post-footer-line post-footer-line-3
9 de Agosto de 2008 12:08
Compulsivo disse...
@Tecnodrop, então procure por:
p class='post-footer-line post-footer-line-3

[]'s
Compulsivo
9 de Agosto de 2008 13:52
Tecnodrop disse...
Entrei em contato com a pessoa que disponibilizou o template,realemnte não existe esta linha no template, que é uma conversão de um tema do wordpress, e ela me orientou a usar esse código abaixo destas linhas
<*div class='content'*><*data:post.body/*><*/div*>
<*div style='clear: both;'/*> <*!-- clear for photos floats --*>

Fiz como o indicado mais ai só apareceu no blog o "Posts relacionados" abaixo da postagem mas sem nenhum link para os posts
11 de Agosto de 2008 02:32
Compulsivo disse...
@Tecnodrop, infelizmente nada tenho a fazer quanto a isso. Faça uma tentativa num blog de testes e você perceberá que o tutorial funciona...

[]'s
Compulsivo
11 de Agosto de 2008 08:37
Tecnodrop disse...
Fiz em outro blog e funcionou!
Valeu!

[]'s
11 de Agosto de 2008 11:50
razr2v8 disse...
Coloquei no meu blog, porém como é um blog novo não havia percebido esse problema, só agora.
Mesmo selecionando um máximo de 10 postagens para serem exibidas, aparece todas as disponíveis o.0

Como arrumo isso?

Abraços.
12 de Agosto de 2008 16:19
Compulsivo disse...
@razr2v8 preste atenção ao último parágrafo do tutorial...

[]'s
Compulsivo
12 de Agosto de 2008 16:28
razr2v8 disse...
Acabei de reler e ai diz que é de acordo com cada categoria, mas será que não tem como arrumar isso?

Abraços.
12 de Agosto de 2008 16:30
Compulsivo disse...
@razr2v8, não entendi o que você gostaria de arrumar...

[]'s
Compulsivo
12 de Agosto de 2008 16:48
razr2v8 disse...
Perdão pela minha ignorância no assunto e na tentativa de falar hehe:P.
Eu quis dizer se existe algum modo de mostrar apenas um máximo de artigos relacionados sendo mostrados, e não um máximo de acordo com as tags.

Abraços.
13 de Agosto de 2008 16:51
Compulsivo disse...
@razr2v8 infelizmente não sei responder. Mas sei que existem por ai, outras técnicas para exibir os artigos relacionados no Blogspot. Se você encontrar a solução que procura me avise!

[]'s
Compulsivo
13 de Agosto de 2008 17:27
DENKER disse...
Cara como faço pra poder add imagens do lado como vc fez ae?
Cada um deles com uma imagem do lado!
e como faço para poder alterar a fonte e o tamanho das letras do post relacionado e dos indicadores de serviço ?

Muito Obrigado
17 de Agosto de 2008 18:49
Compulsivo disse...
@Denker, dá uma olhada neste post.

[]'s
Compulsivo
17 de Agosto de 2008 19:30
Kct disse...
Olá compulsivo!
Cara, como tiro aqueles pontinhos pretos da minha lista de artigos relacionados e troco por marcadores bullets (como os aqui da tua lista)?
24 de Agosto de 2008 14:58
Compulsivo disse...
@Kct, Google for: CSS lists

[]'s
Compulsivo
24 de Agosto de 2008 17:29
Lundquist disse...
Aqui não ta funcionando. Tem todas as linhas indicadas no post, mas na hora que eu visualizo só aparece o "Artigos relacionados" sem nada depois dele. O que deve ser?
15 de Setembro de 2008 18:48
Rogério disse...
Excelente! Já tinha visto outros tutoriais mas só este funcionou de verdade!!!
5 de Outubro de 2008 01:05
Suzy disse...
Aqui também não ta funcionando. Tem todas as linhas indicadas no post, mas na hora que eu visualizo só aparece o "Artigos relacionados" sem nada depois dele. O que deve ser?
12 de Outubro de 2008 03:20
Compulsivo disse...
Continuem tentando até conseguir, garanto que funciona...

[]'s
Compulsivo
12 de Outubro de 2008 08:55
William disse...
Ao fazer essa dica o Blogger me indicou o seguinte erro: Mais de um item encontrado com o id: HTML4. Os IDs de itens devem ser únicos e exclusivos.

O que significa?
8 de Dezembro de 2008 19:10
Anderson Guterres disse...
Bah parabéns pelo blog, está sempre me ajudando. Em relação ao código fiz tudo como mostra na explicação, só que na hora aparece só ARTIGOS RELACIONADOS, e não mostra mais nada.
13 de Dezembro de 2008 00:18
backlinkscomo personalizar o rodapé dos posts
roda, pé... ;-). depois do lançamento do template compulsivo 2.0, passei a receber vários pedidos de tutoriais. alguns já foram atendidos, como a galeria de destaques, o menu em abas eo rodapé em colunas. porém uma das solicitações mais ...
porDe graça é mais gostoso às15 de Setembro de 2008 11:55

dicas e tutoriais para o blogger
navegando por aí, achei uma lista publicada no blog templates para você, que foi feita pelo autor do blog usuário compulsivo, mostrando várias dicas e tutoriais para você poder entender e otimizar seu blogger. muito legal! ...
pornoreply@blogger.com (Magrão) às30 de Maio de 2008 21:08

dicas e tutoriais do compulsivo
vocês conhecem o usuário compulsivo? pois é, o usuário compulsivo dá muitas dicas legais de otimização de blogs, internet, seo etc... recentemente ele fez um post com vários tutoriais e dicas que ele já havia publicado em seu blog desde ...
porÁurea às20 de Maio de 2008 21:36


faça seu comentárioRegras:
- O comentário precisa ter relação com o assunto;
- Spams serão deletados sumariamente;
- Para deixar sua URL comente com OpenID;
- Backlinks são automáticos, não se preocupe.

OBS: Os comentários não refletem as opiniões do editor.




<< Seguinte >> +acessados+comentados+recentes
+acessadosComo achar fotos de mulher pelada no Google
Como baixar músicas mp3 com o Google
Cadastre qualquer e-mail no MSN / Live Messenger
Alternativa grátis ao Nero para gravar CDs / DVDs
Aumente suas visitas comentando com OpenID
+comentadoswidget compulsivo top comentaristas (126)
como habilitar formulario de (106)
bbb best blogspot brasil meme (105)
widget contador de posts comentarios (89)
template esqueleto compulsivo (89)
Widget UsuárioCompulsivo
+recentesPalavras mais pesquisadas no Google
Vote Compulsivo no Best Blogs Brasil 2008
The Lord of the Links - Uma Saga Blogosférica
Google Maps integrado ao Blogger
Revista Playboy Dezembro 2008 - Especial Coelhinhas está nas bancas!
categoriasapple
blogosfera
blogspot
entretenimento
freeware
google
hardware
humor
imagens
internet
mobile
mulheres
nerd
novidades
opiniões compulsivas
parceiros
pergunte
seo
simpsons
sistemas
tecnologia
templates
tutoriais
utilidades
videos
wallpapers
widgets
twitterLast.FM: The Smiths – There Is a Light That Never Goes Out http://is.gd/bsrQ about 11 hours ago
GReader: Hong Kong Family Planning Dolls http://is.gd/bspM about 11 hours ago
P.S.: Pra instalar o Google Friend Connect no Blogger, o "segredo" é: avançar, avançar, concluir :-) about 15 hours ago
370 followers
comentaristasblogdoinho (16)
Blogueiros Unidos (14)
All3X (13)
Danilo Cruz (11)
crazyseawolf (10)
Advogados Montes Claros (9)
Érica (7)
monthiel (6)
GAMA (6)
irradiandoluz (6)
Widget UsuárioCompulsivo
parceirosUêba
BlogBlogs
Dicas Blogger
Tutoriais Photoshop
Templates Novo Blogger
Códigos Blog
Templates para você
Treta
Nerds Somos Nozes
Pois Bem
Filmes e Séries
WinDicasBR
Copi-Cola
Universo 42
Mundo dos Blogues
Seja um Parceiro Compulsivo

Cole o código abaixo no seu blog e divulgue o UsuárioCompulsivo:

BlogBlogs

i
Feed Fave Perfil Blog
Blog Rank:

3



seguidores (301)Acompanhar esse blog
Pare de acompanhar
301 seguidores Visualizar todos Administrar
arquivo▼ 2008 (284)
▼ Dezembro (9)
Palavras mais pesquisadas no Google
Vote Compulsivo no Best Blogs Brasil 2008
The Lord of the Links - Uma Saga Blogosférica
Google Maps integrado ao Blogger
Revista Playboy Dezembro 2008 - Especial Coelhinha...
Maçãs com a marca Apple. Como assim Biau?
Clip do Capital Inicial filmado em celulares
Browser, browser, browser... 3x Browser!
Três Duas brasileiras no Calendário Pirelli 2009
► Novembro (20)
Programas grátis para tornar seu PC mais útil
Papéis de parede para o natal
Softwares grátis e livres para Windows
Dicas do Joselito para aumentar suas visitas
Como postar vídeos no Blogger direto da página do ...
Veja o que o Analytics não mostra
O Twitter não baleia mais?
Windows 7 e os papéis de parede do futuro
UsuárioCompulsivo no topo do BlogBlogs
Promoção :: Download de mp3 de Gilberto Gil
Quero passar o Interney no BlogBlogs ;-)
MS Windows 11, mas pode chamar de 7
Megan Fox não é a Mulher Maravilha, mas bem que po...
Confirmado: NavBar do Blogger é opcional
Claudia Ohana na Revista Playboy de Novembro
Saiba o número de visitas de qualquer site
Como seria o Photoshop fora do computador?
Holograma da CNN é Fake?
Um teclado de verdade para o iPhone
Mini posts ou resumos automáticos para o estilo re...
► Outubro (31)
SEO Master, um serviço que fala nossa língua
Corrigindo a exibição do Favicon no Blogspot
Conexão Microsoft Windows e Google Chrome
Almofadas para Macmaníacos...
Carro dos sonhos de todo Macmaníaco
Template Esqueleto Compulsivo
Utilidades da página de perfil do Blogger
Desmontaram o novo MacBook da Apple
BAD 2008* :: Caridade virtual, funciona mesmo?
BAD 2008* :: O que é pobreza?
BAD 2008* :: Objetivos do Milênio
Alternativa grátis ao Office da Microsoft
As 10 gatas mais procuradas da Chickipedia
Imagem aleatória no cabeçalho do Blogspot
15 de outubro, Dia de Ação nos Blogs
Como criar arquivos PDF no Windows
Wallpaper - Mac OS Homer
iPhone? Ta russo...
Evolução da página inicial do Google
Entrevista Blogs - UsuárioCompulsivo
Tutoriais em vídeo com CaptureFox
► Setembro (27)
► Agosto (22)
► Julho (23)
► Junho (16)
► Maio (26)
► Abril (37)
► Março (28)
► Fevereiro (19)
► Janeiro (26)
► 2007 (163)
► Dezembro (14)
► Novembro (40)
► Outubro (27)
► Setembro (21)
► Agosto (5)
► Julho (3)
► Junho (4)
► Maio (2)
► Abril (7)
► Março (9)
► Fevereiro (11)
► Janeiro (20)
Este site possui atualmente:
5137 Comentários em 447 Artigos!
Widget UsuárioCompulsivo
quem visitou

Últimas Visitas

Por BlogBlogs.Com.Br Widget BlogBlogs Customizado por UsuárioCompulsivoquem comentouBah parabéns pelo blog, está sempre me ajudando. E... - Anderson Guterres
Fiz a imagen pro cabeçalho e apenas colokei onde t... - areapeck
Valeu @Mama, já deixei meu comentário in loco :-)[... - Compulsivo
@Peck, a largura, como vc mesmo observou é 970px. ... - Compulsivo
@Tmpmo, esse é o espírito, queria ter mais leitore... - Compulsivo
quem linkouBLOG DA RENATA MG: QUADRO DE ACESSO DE OFICIAIS E PRAÇAS - Renata Pimenta
APRENDENDO E FAZENDO CROCHÊ: BOM FINDI A TODOAS(OS) - Eunice Martins
Em conexão: Necessidade do estudo de Kardec para discernimento ... - desconhecido
DICAS BLOGGER: Telefônica? Prá mim chega! The game is over! - desconhecido
Na linha ou fazendo por estar na linha!!!: Actualizações ... - EA
^ Copyright © 2007-2008 UsuárioCompulsivo
Termos de Uso | Política de Privacidade início .:. blogspot .:. parcerias .:. sobre .:. contato