Este widget vem de encontro para aqueles que precisam de related post porém sem imagens e para isto basta seguir os próximos procedimentos.
Antivírus automático e gratuito
1 - Vá para o painel do Blogger->modelo->editar HTML e pressione CTRL+F para abilitar a caixa de busca, pesquise por: </head> .Ao encontrar Copie e cole o código abaixo logo acima dele.
<b:if cond='data:blog.pageType == "item"'><style type='text/css'>#related-posts{margin:15px 5px}#related-posts h2{font-size:27px;font-weight:normal;color:#fff;text-shadow:1px 0px 2px#888;margin-bottom:0.75em}#related-posts a{font-size:13px;color:#888;text-transform:capitalize}#related-posts a:hover{text-decoration:none;color:#555}#related-posts ul{list-style-type:none;margin:0 0 0px 0;padding:0px;text-decoration:none;color:#000000}#related-posts ul{list-style-type:none;background:#f9f9f9;border-left:5px solid#f2f2f2}#related-posts li{padding:10px;line-height:1.4;border-bottom:1px dotted#E2E2E2}#related-posts li:hover{background:#F4F4F4}</style><script type='text/javascript'>var relatedpoststitle="Posts relacionados"</script><script src='https://sites.google.com/site/multfocosjavascript/widget-posts-relacionados/posts%20relacionadosmf.js' type='text/javascript'/></b:if>PERSONALIZAÇÃO:
Para alterar o tamanho modifique (27px)
Para mudar o título do widget modifique a parte escrita em azul(var relatedpoststitle="Posts relacionados";)
Cor do título (#fff)
Para a cor do link do post relacionado mude (#888)
Para mudar cor de fundo altere (#f9f9f9)
Para cor de fundo mouseover altere (#f4f4f4)
2 – Agora procure por <div class=”post-footer’> (se haver duas linhas como esta, você deverá usar a segunda): Copie e cole o código abaixo logo acima dele.
<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&max-results=6"' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script><a style="font-size: 9px; color: #CECECE; float: right;" href="http://mult-focos.blogspot.com/2015/09/widget-posts-relacionados-sem.html" rel="nofollow" >Simple Related Posts Widget</a></div></b:if>ATENÇÃO: Para alterar o número de mensagens máximas relacionadas para cada rótulo, altere o “5” parâmetro de max-results = 5 , isto é tudo.
0 comentários:
Postar um comentário
Todos comentários são lidos e moderados previamente.
São publicados apenas aqueles que respeitarem as regras abaixo:
-Ter relação com o assunto do post.
-Não conter propagandas de outro site ou blog.
-Não incluir links no conteúdo do comentário.
-Se quiser deixar sua URL, comente usando a opção OpenID;
Obrigado(a) por comentar!