Widgets

Artigos relacionados em seu blog com miniaturas e estilo

7 comentários

posts relacionados com miniaturas e estilo 350x218





Este script que estou disponibilizando agora, serve para colocar no rodapé de seus posts, uma miniaturas de posts relacionados, que se parecem com os muitos disponibilizados na rede,
porem este não dependera de nenhum site, apenas do seu.

1. No código fonte procure pela linha “</head>” e, imediatamente ANTES dela, insira o código abaixo sem modificar nada:

<!--Artigos Relacionados Estilo e Script Inicio -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type="text/javascript" src="http://yourjavascript.com/21047131131/javascriptpostrelacionadotudoseo.txt.js"></script>
</b:if>
<!--Artigos Relacionados Estilo e Script Final-->
2.Localize no seu html o script abaixo:
<div class='post-footer-line post-footer-line-1'>
3.Caso não localize este acima, tente o script abaixo:

<p class='post-footer-line post-footer-line-1'>
          4.Logo ANTES de um desses scripts que você encontrou em seu código html, coloque as linhas abaixo, modificando apenas a quantidade de posts a aparecerem no script (siga as orientações):
<!--Codigo Artigos Relacionados Inicio-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' 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=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Artigos Relacionados";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!--Codigo Artigos Relacionados Final-->
5.Indicado de vermelho está o número “5″ que é a quantidade de elementos que aparecerá. Aqui no  tudoseo.com, cabem até 7 elementos, Então salve o modelo e veja o resultado em seu blog.
Lembrando que só funcionará se você estiver usando Marcadores em seu blog. Então sei que existe muitos sites que oferecem este serviço, mas creio, conforme disse, que é sempre bom não depender de outros em se tratando de hospedagem de script.. pode falhar..
e seu blog é sempre o lugar mais confiavél para se ter estes gadgets...

7 comentários:

  1. Não deu certo no meu blog!

    ResponderExcluir
    Respostas
    1. Ola xBrunoAlex, refaça tudo desde o inicio, pois não tem qualquer erro neste script, inclusive é este exatamente o que estou usando aqui.. veja logo acima...

      Excluir
    2. Outro de detalhe, tem que estar usando o widget de marcadores do blog, pois se não estiver não vai funcionar, pois é deste widget que ele retira os posts relacionados, de acordo com os marcadores.. verifique por favor..

      Excluir
  2. meu blog tem fundp preto então não apareceu o nome"Artigos Relacionados" e a descrição em baixo da imagem tambem não.
    tem como eu alterar a cor?

    ResponderExcluir
  3. Sim amiga Amanda Julia: basta para isto trocar a cor da fonte em (color:black) para a cor que preferir..

    ResponderExcluir
  4. No meu fica o mesmo post que estou lendo, não aparece mais nenhum

    ResponderExcluir
    Respostas
    1. Este script se feito exatamente como o descrito no post, funcionará perfeito, e tem que estar usando o marcadores do blog.. tente outra vez, e veja onde esta errando..

      Excluir

Todo comentário é bem vindo, pois acrescenta muito aos nossos posts, portanto, fique a vontade para debater sobre nossos assuntos...

setaretornoaotopo