Conectar-se

Esqueci minha senha

Blogger
WordPress
Divulgue seu Blog
Software
Hardware
Geral






Últimos assuntos
» Site de seguidores
Artigos relacionados com imagem para Blogger EmptyTer Out 14, 2014 6:03 am por David70

» Promoção: Você no Guia Twitter!
Artigos relacionados com imagem para Blogger EmptySex Set 12, 2014 3:34 am por ashley1

» Como colocar marcador como menu no blogger
Artigos relacionados com imagem para Blogger EmptyDom Set 07, 2014 8:13 pm por Giovanne

» Como colocar caixa de comentarios do facebook no blogger com modelo Dinâmico
Artigos relacionados com imagem para Blogger EmptyDom Set 07, 2014 7:58 pm por Giovanne

» Posts Divididos Categoria na Pagina Incial (Seções)
Artigos relacionados com imagem para Blogger EmptyQui Maio 15, 2014 10:14 am por Claudiney W.

» TgaDowns Confiram! e Acessem!
Artigos relacionados com imagem para Blogger EmptyQua Out 30, 2013 8:24 am por zohanx747

» Download do Chrome OS Beta (Versão não oficial)
Artigos relacionados com imagem para Blogger EmptyTer Out 08, 2013 7:58 am por blackrose

» Novas tecnologias
Artigos relacionados com imagem para Blogger EmptySeg Set 16, 2013 6:04 am por timpane

» Good webcam for desktop?
Artigos relacionados com imagem para Blogger EmptySex Ago 30, 2013 3:13 am por stive951

» Promoção: Quer Ganhar Um Domínio Próprio(.com ou .net) para seu Blog?
Artigos relacionados com imagem para Blogger EmptyTer Jun 25, 2013 1:12 am por gilroy

Últimas Atualizações

Artigos relacionados com imagem para Blogger

Ir em baixo

Artigos relacionados com imagem para Blogger Empty Artigos relacionados com imagem para Blogger

Mensagem por Fernando Ferreira Passe em Sab Out 03, 2009 8:07 pm

Artigos relacionados com imagem para Blogger W1fgjn

Mais um hack de artigos relacionados só que este exibe miniatura das imagens contidas na postagens, este substitui o antigo sistema do LinkWithin este foi criado pelo Blogger Widget e mostra ser um dos melhores que já vi.Veja abaixo como te-lo no seu Blog


1.Faça Login no Blogger


2.Vá para Layout->Editar HTML->Marque a caixinha Expandir Modelos de Widget
Agora utilize as tecla Ctrl e F para procurar os códigos abaixo com facilidade:
Código:
<div class='post-footer-line post-footer-line-1'>

Se não encontrar pesquise por este abaixo:
Código:
<p class='post-footer-line post-footer-line-1'>

3.Agora insira abaixo do código anterior o código abaixo:
Código:
<!-- Artigos relacionados com imagem-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Artigos Relacionados";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Artigos relacionados com imagem-->

Nota: O número em laranja é a quantidade de artigos que serão exibidos.
4.Procure pelo código abaixo:
Código:
</head>

5.Adicione abaixo do código anterior o código abaixo:

Código:
<!--Artigos Relacionados com imagem-->
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 15px;
font-weight: bold;
color: #000;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color: #000;
}
#related-posts a:hover{
color:#000;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Artigos Relacionados com imagem-->
Nota: O código em vermelho é a cor da letra e o código em amarelo é o tamanho do título do artigo


6.Salve as alterações e visualize

Postagem original: Notícia e blog

Créditos:Elescaparatederosa
Imagem:Elescaparatederosa


Última edição por fernandopasse em Sab Out 03, 2009 8:08 pm, editado 1 vez(es) (Razão : Blogger)
Fernando Ferreira Passe
Fernando Ferreira Passe

Mensagens : 53
Pontos : 3616
Data de inscrição : 02/10/2009
Idade : 24
Localização : São João Nepomuceno

Ver perfil do usuário http://www.noticiaeblog.com http://twitter.com/noticiaeblog http://www.google.com/profiles/fernando2passe http://www.orkut.com.br/Main#Profile?rl=ls&uid=16345095466962747337 https://www.facebook.com/profile.php?id=1300955447&ref=profile

Voltar ao Topo Ir em baixo

Artigos relacionados com imagem para Blogger Empty Re: Artigos relacionados com imagem para Blogger

Mensagem por jeanvet em Sab Out 03, 2009 8:45 pm

ótima opção. só lembrando que scripts deixam o carregamento do seu blog mais lento, principalmente se for hospedado em um outro servidor

_________________
Artigos relacionados com imagem para Blogger Moderatoricebreaker
Artigos relacionados com imagem para Blogger Phpmysql
Artigos relacionados com imagem para Blogger 26017ou8
Artigos relacionados com imagem para Blogger 3617
Artigos relacionados com imagem para Blogger 5904Artigos relacionados com imagem para Blogger 24628ee4
jeanvet
jeanvet

Mensagens : 35
Pontos : 3572
Data de inscrição : 02/10/2009
Idade : 27

Ver perfil do usuário http://www.jovemplay.com http://twitter.com/JeannBR http://www.google.com/profiles/jeanjonathasfb http://www.orkut.com.br/Main#Profile?rl=mp&uid=15123406786595425701 https://www.facebook.com/profile.php?id=100000247193883&ref=profile

Voltar ao Topo Ir em baixo

Artigos relacionados com imagem para Blogger Empty Re: Artigos relacionados com imagem para Blogger

Mensagem por Marcos em Dom Out 04, 2009 9:07 pm

Primeiramente .. o script é criado pelo



so p/ constar Smile
Anonymous
Marcos
Convidado


Voltar ao Topo Ir em baixo

Artigos relacionados com imagem para Blogger Empty Re: Artigos relacionados com imagem para Blogger

Mensagem por Weverton Guedes em Dom Out 04, 2009 11:23 pm

jeanvet escreveu:ótima opção. só lembrando que scripts deixam o carregamento do seu blog mais lento, principalmente se for hospedado em um outro servidor

Realmente, deixam mais lento. Fiz o teste e comprovei. Artigos relacionados com imagem para Blogger Icon_neutral
Weverton Guedes
Weverton Guedes

Mensagens : 55
Pontos : 3629
Data de inscrição : 02/10/2009
Localização : São Paulo

Ver perfil do usuário http://construindoideias.com http://twitter.com/WeveGuedes http://www.orkut.com.br/Main#Community?cmm=6819648&refresh=1

Voltar ao Topo Ir em baixo

Artigos relacionados com imagem para Blogger Empty erro ao tentar colocar hack

Mensagem por luan em Seg Jun 28, 2010 7:39 pm

Não foi possível salvar o modelo


Corrija o erro abaixo e envie o seu modelo novamente.

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 reference to entity "callback" must end with the ';' delimiter.
o que devo modificar para dar certo?






Anonymous
luan
Convidado


Voltar ao Topo Ir em baixo

Artigos relacionados com imagem para Blogger Empty Re: Artigos relacionados com imagem para Blogger

Mensagem por jeanvet em Qui Jul 15, 2010 8:28 pm

luan escreveu:
Não foi possível salvar o modelo


Corrija o erro abaixo e envie o seu modelo novamente.

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 reference to entity "callback" must end with the ';' delimiter.
o que devo modificar para dar certo?







por favor, crie outro topico com a sua duvida e evite flod

_________________
Artigos relacionados com imagem para Blogger Moderatoricebreaker
Artigos relacionados com imagem para Blogger Phpmysql
Artigos relacionados com imagem para Blogger 26017ou8
Artigos relacionados com imagem para Blogger 3617
Artigos relacionados com imagem para Blogger 5904Artigos relacionados com imagem para Blogger 24628ee4
jeanvet
jeanvet

Mensagens : 35
Pontos : 3572
Data de inscrição : 02/10/2009
Idade : 27

Ver perfil do usuário http://www.jovemplay.com http://twitter.com/JeannBR http://www.google.com/profiles/jeanjonathasfb http://www.orkut.com.br/Main#Profile?rl=mp&uid=15123406786595425701 https://www.facebook.com/profile.php?id=100000247193883&ref=profile

Voltar ao Topo Ir em baixo

Artigos relacionados com imagem para Blogger Empty Artigos relacionados

Mensagem por Jsfernan em Sab Nov 20, 2010 12:49 pm

Não foi possível visualizar o modelo

Corrija o erro abaixo e envie o seu modelo novamente.
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 reference to entity "callback" must end with the ';' delimiter.
Também deu erro pra mim. E aí?
Anonymous
Jsfernan
Convidado


Voltar ao Topo Ir em baixo

Artigos relacionados com imagem para Blogger Empty Re: Artigos relacionados com imagem para Blogger

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum