Como colocar postagens relacionadas em postes do Blog

Como colocar postagens relacionadas em postes do Blog

6 10 99
Como colocar postagens relacionadas em postes do Blog 10 6 99

Como colocar postagens relacionadas em postes do Blog




<!--Postagens relacionadas-começo-->
<script src='http://static.tumblr.com/glpbb7a/odhnldmus/postagensrelacionadasparablog.js' type='text/javascript'/>
<!--Postagens relacionadas-fim-->



<!--Postagens relacionadas -->
#related-posts {
float: left;
width: 100%;
display: block;
}
#related-posts a {
color: #474747;  /*--cor da fonte--*/
margin: 0 1px!important;   /*--aqui você Altera o espaçamento entre miniaturas--*/
}
#related-posts a:first-child {
margin: 0px!important;
}
#related-posts a:hover {
color: #ff0066; /*--cor da fonte em estado hover--*/
}
#related-posts h2 {
margin: 0 0 7px;
font: 400 normal 13px Arial, sans-serif; /*--tamanho e tipo da fonte do título--*/
color: #ff0066; /*--cor da fonte do título--*/
text-transform: uppercase;
text-align: center!important;
}
#related-posts #related-title {
font: normal normal 11px Arial, sans-serif; /*--tamanho e tipo da fonte do texto--*/
color: #474747; /*--cor da fonte do texto--*/
text-align: center;
padding: 0 4px;
width: 100px; /*--tamanho da caixa do texto--*/
}
#related-posts #related-title a {
color: #474747; /*--cor da fonte do texto--*/
margin: 0 7px 10px;
}
#related-posts #related-title a:hover {
color: #ff0066; /*--cor da fonte do texto em estado hover--*/
}
#related-posts #related-title:hover {
color: #ff0066; /*--cor da fonte hover--*/
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#related-posts .related_img {
margin: 0;
padding: 5px;
width: 100px; /*--largura da miniatura--*/
height: 100px; /*--altura da miniatura--*/
border: 3px solid #ffffff; /*--cor da borda da miniatura--*/
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#related-posts .related_img:hover {
opacity: .8;
filter: alpha(opacity=80);
-moz-opacity: .8;
-khtml-opacity: .8;
}



<!--Código Postagens relacionadas Início-->
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<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=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;Você também poderá gostar&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
<!--Código Postagens relacionadas Final-->







Deixe Seu Comentário e 
Curta Nossa Pagina no Face



Fonte elainegaspareto.com
OBS: todo conteudo

0 comentários:

Postar um comentário

 
Curso Sobre Blogspot © 2015 | Distributed By My Blogger Themes | Design By Duy Templates
Top