Rodapé dos posts personalizado com postagens relacionadas e box de curtir a fanpage

Views:
CÓDIGO CSS- COLE ACIMA DE ]]></b:skin>

/*** 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=&quot;http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg&quot;;
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 != &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=8&quot;' type='text/javascript'/>
</b:loop>

<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</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>
&lt;iframe src=&quot;https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FElaineGaspareto%2F&amp;tabs&amp;width=300&amp;height=70&amp;small_header=true&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=false&amp;appId=1566384683669266&quot; width=&quot;300&quot; height=&quot;70&quot; style=&quot;border:none;overflow:hidden&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot;&gt;&lt;/iframe&gt;
</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>

Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage