Postagens relacionadas- modelo 3

no dia 02 abril 2015


Script (antes de </head>:

<!-- Script Related Post With Thumbnail -->
<style type='text/css'>
#related-posts{width:auto; margin-top: -5px !important;  }
#related-posts a {margin-right: 6px !important;}
#related-posts a:hover{}
#related-posts b {}
#related-posts h2 {letter-spacing: 2px; font-family: Pompiere; text-transform: uppercase; color: #333; font-weight: 200 !important; text-align: center !important; font-size: 17px;}
  #related-posts .related_img a {width:150px !important; height:150px !important; overflow: hidden !important;}
#related-posts .related_img {border-radius: 50%;  margin:5px; width:150px; height:150px;   transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}

#related-title {border-radius: 80%; color:#000; font-weight: 200; text-align:center; width:120px; height: 10px; padding-top: 29px; padding-bottom: 89px; background: #fff; font-size:14px; line-height:16px; margin: -151px 15px 0 !important; opacity: 0; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; z-index: 999999999; position: absolute; font-style: italic; text-transform: uppercase; padding-right: 5px; padding-left: 5px;  -webkit-transition: all 0.4s ease-out;   -moz-transition: all 0.4s ease-out;   -o-transition: all 0.4s ease-out;   -ms-transition: all 0.4s ease-out;    transition: all 0.4s ease-out;    -webkit-transform: scale(1.2);   -moz-transform: scale(1.2);   -o-transform: scale(1.2);   -ms-transform: scale(1.2); transform: scale(1.2); font-family: Times New Era, Lato !important; }

#related-title:hover {opacity: 0.8; filter:alpha(opacity=0.8);-moz-opacity:0.8;-khtml-opacity:0.8; -webkit-transform: scale(1);   -moz-transform: scale(1);   -o-transform: scale(1);   -ms-transform: scale(1); transform: scale(1);}

</style>
<script src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' type='text/javascript'></script>
<!--Fim Scripts e Estilo Posts Relacionados com Miniaturas-->

Código, no footer:

<!--Código Posts Relacionados com Miniaturas-->
 <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=4;
var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div>

<!--Código Posts Relacionados com Miniaturas-->

http://loja.cozinhadoquintal.com.br
Comente com sua conta Blogger
Comente com sua conta Google+

Postagens mais visitadas

Minha lista de blogs