| <style type='text/css'> | |
| #related-posts{width:auto; margin-top: 10px !important; } | |
| #related-posts a {margin-right: 6px !important;} | |
| #related-posts a:hover{} | |
| #related-posts b {} | |
| #related-posts h2 {letter-spacing: 2px; font-family: Lato; text-transform: uppercase; color: #333; font-weight: 200 !important; text-align: center !important; font-size: 17px;} | |
| #related-posts .related_img a {width:190px !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> Onde desejar: <!-- Related Posts with Thumbnails Code Start--> <b:if cond='data:blog.pageType == "item"'> <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="<b>Related Posts:</b>"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div class='clear'/><div style="font-size: 9px;float: right; margin: 5px;"><a style="font-size: 9px; text-decoration: none;" href="http://helplogger.blogspot.com/2012/03/how-to-add-related-posts-widget-to.html" rel="nofollow" >Related Posts Widget</a></div> </b:if> <!-- Related Posts with Thumbnails Code End--> |
