/*** Rodapé personalizado by Elaine Gaspareto ***/
#related{
background:#f5f5f5; /* COR DE FUNDO DO BOX */
border:1px solid #f5f5f5; /* COR DA BORDA DO BOX */
margin:0 0 5px;
padding:10px
}
ul#related-posts{
font:bold 11px Arial;/* FONTE DOS POSTS RELACIONADOS */
list-style:none;
text-transform:none;
margin:10px 0;
padding:0
}
#related .related-posts{
font-weight:400;
width:50%;
float:right;
}
#related .related-posts p{margin:0}
ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px}
*html ul.rp#related-posts li{margin:0 13px}
ul#related-posts li a{
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);
border:1px solid#bc9deb; /* COR DA BORDA DAS MINIATURAS */
display:block;
height:75px;
position:relative;
width:75px;
color:#fff; /* COR DA FONTE DAS MINIATURAS */
text-decoration:none;
text-shadow:0 1px 0 #000;
}
ul#related-posts li .overlay{height:69px;line-height:16px;position:absolute;width:69px;z-index:10;padding:6px 0 0 6px}
ul#related-posts li a:hover .overlay{
background:#000; /* COR DE FUNDO DAS MINIATURAS EM ESTADO HOVER */
display:block!important;
opacity:0.7;
}
ul#related-posts li img{bottom:0;padding:0!important}
ul#related-posts li a:hover{}
#related .subscribe{
width:43%;
float:center; /* ALINHAMENTO DO TÍTULO POSTS RELACIONADOS */
color:#000;/* COR DA FRASE POSTS RELACIONADOS */
}
#related .subscribe p.intro{font-weight:400}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
CÓDIGO HTML- COLE ABAIXO DE <div class='post-footer-line post-footer-line-3'>
<div class='clearfix' id='related'>
<div class='related-posts'>
<center><p>Posts Relacionados</p></center>
<script type='text/javascript'>
var defaultnoimage="http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";
var maxresults=8;
</script>
<script src='https://sites.google.com/site/codigoselainegaspareto/scripts/postsrelacionadosbyelainegaspareto.js' type='text/javascript'/>
<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=8"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div>
<div class='subscribe'>
<p class='intro'>Gostou do post? Então <a href='https://www.bloglovin.com/blogs/dicas-tutoriais-e-personalizacao-de-blogs-2615178' target='_blank' title='BlogLovin'>
<b>clique aqui</b></a> e siga o blog via Bloglovin</p>
<p class='Fanpage'><a href=' https://www.facebook.com/ElaineGaspareto/'>Ou curta nossa fanpage no Facebook:</a></p>
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FElaineGaspareto%2F&tabs&width=300&height=70&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=false&appId=1566384683669266" width="300" height="70" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</div></div>
PARA EXIBIR O BOX APENAS NAS PÁGINAS INTERNAS DOS POSTS:
<b:if cond='data:blog.pageType == "item"'>
AQUI COLOQUE TODO O CÓDIGO HTML
</b:if>
