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 != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Você também poderá gostar";
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