Menu de páginas

no dia 30 abril 2015

/* Tabs
----------------------------------------------- */
.tabs-outer {
background: #3D85C6;
margin: 0px -10px 20px;
}
.tabs-inner .section:first-child {
}
.tabs-inner .section:first-child ul {
}
.tabs-inner .widget ul {
text-align: center;
padding: 10px;
margin-top: 0;
margin-left: -30px;
margin-right: -30px;
margin-bottom: 40px;
}
.tabs-inner .widget li a {
padding: 1.4em 1em;
display: inline-block;
font: normal normal 18px PT Sans Narrow;
color: #ffffff;
font-weight: bold;
width: 120px;
}
.tabs-inner .widget li:first-child a {
border-left: none;
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
color: #f3f3f3;
text-decoration: none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZNswCnVDiccxqDIszsO4JkRHMyMK1yXpcJxj5ubpdp4KXcR2C1pHVCIvUUKwpIAsTJ0Qh6r1N_l8Ft8XLXwXnQ80yrpVBG6m-svR2Mz_lqayK3npUwcomda7voQinr6k4XgWlV24M1yxC/s1600/selected.png) no-repeat;
background-size: 100%;
}
.tabs-inner li {
text-align: center;
display: inline-block;
}
.tabs .widget li, .tabs .widget li {
float: none;
}
http://loja.cozinhadoquintal.com.br

Posts relacionados sem legenda

Abaixo de </head>

<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 == &quot;item&quot;'>
<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=5;
var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;
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-->

Assinatura em blog com mais de 1 autor

no dia 02 abril 2015

<div align='right'>
<b:if cond='data:post.author == &quot;Sabrina Dalmolin&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQks2oFYDNPzKwvkmtk7On-LE_5FVxBLCzxR-qzMr3zjsWy5Fpa406w3OGRBq4K1gBFmZM78fldZWkTrfmphm656Gsa2uxuMKq0rqNqSFtoBRVBTO-dSwMJh4_Z2wzd1zijDNohSJkSP2H/s1600/assinaturasabrina.png' style='border:0px;'/></b:if>
<b:if cond='data:post.author == &quot;Gabriella Porto&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLzdVPRKkIHo3RMeARvoOGPcEej0KDtRN6XFlusDilr5brjMnJF03JxsYg2rcKcg0FBmPpRp8YLe6uS0r13C_Ko9sL1Zzyq6pnyDit89yx_pnB_coqQFxnJ7JlUwtAodovkBpPck2o1YlL/s1600/gabriella.png' style='border:0px;'/></b:if>
<b:if cond='data:post.author == &quot;Greyce Feijão&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL_IQxnbvGm7z8RHXmqC36-1wdi72Z3Jm_UvZ_Rj3Gp5Ar19TfdGyaWNSzGLKgt5UWxfh-okV2A4dEDqQJWXCWLlnusWG6o0cT9wMlz2A_Jpsefunf8z8bdE25D2Rp1MsHtiWN9tXUshiu/s1600/greyce+feij%C3%A3o.png' style='border:0px;'/></b:if>
</div>

Top comentarista

<script src="http://semnomenet.googlecode.com/files/topcomentaristas.js" type="text/javascript"></script><script type="text/javascript">
topComentaristas({
"url":"http://mamytri.blogspot.com.br/",
"comentaristas":10,
"modelo":1,
"excluir":[{1:" Kathleen Irizaga ",2:"",3:"",4:"",5:"",6:"",7:"",8:""
}]
});
</script>
<span style="font-size:80%; display:block; text-align:center;"><a title="Widget Top Comentaristas" href="http://semnome.net/" target="_blank">Top Comentaristas</a> by <a href="http://semnome.net">SemNome</a></span>

Top comentarista com foto

<style type="text/css">
.top-commenter-line,.top-commenter-line a, .top-commenter-line .profile-name-link a{
font-family:, arial, sans-serif;
color: #000000;
text-decoration: none;
font-size: 14px;
}
.top-commenter-line:hover,.top-commenter-line a:hover, .top-commenter-line .profile-name-link a:hover{
color: #000000;
font-size: 14px;
text-decoration: none;
}
.top-commenter-line {
margin: 3px 0;
}
.top-commenter-line .profile-name-link {
padding-left:0;
}
.top-commenter-avatar {
vertical-align:middle;
}
ul.top-commenter {
list-style:none;
margin:0;
padding:0;
}
.top-commenter li{
background:none !important;
margin:0 0 6px !important;
padding:0 0 6px 0 !important;
display:block;
clear:both;
overflow:hidden;
list-style:none;
}
.top-commenter li.top-commenter-avatar{ padding:3px;
background:#fff;
-webkit-box-shadow:0 1px 1px #eee;
-moz-box-shadow:0 1px 1px #eee;
box-shadow:0 1px 1px #eee;
float:left;
margin:0 6px 0 0;
position:relative;
overflow:hidden;
}
.top-commenter-avatar{
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
border:solid 2px #eee;
}
.top-commenter li img{
padding:0px;
position:relative;
overflow:hidden;
display:block;
}
.top-commenter li span{
margin-top:4px;
color: #666;
display: block;
font-size: 12px;
font-style: italic;
line-height: 1.4;
}
</style>
<script type="text/javascript">
//
// Top Commentators gadget with avatars, by MS-potilas 2012.
// Gets a list of top commentators from all comments, or specified number of days in the past.
// See http://yabtb.blogspot.com/2012/05/top-commenters-gadget-with-avatars.html
//
// CONFIG:
var maxTopCommenters = 5;   // quantidade de comentaristas que será mostrada
var minComments = 1;        // mínimo de comentários para figurar na lista
var numDays = 30;            // top comentaristas dos últimos 30 dias
var excludeMe = true;       // excluir comentários do autor
var excludeUsers = ["AQUI SEU NOME DE AUTOR"];     // exclua esse usarname
var maxUserNameLength = 42; // 0: don't cut, >4: cut usernames
//
var txtTopLine = '<b>[#].</b> [image] [user] ([count])';
var txtNoTopCommenters = 'No top commentators at this time.';
var txtAnonymous = '';      // empty, or Anonymous user name localized if you want to localize
//
var sizeAvatar = 50;
var cropAvatar = true;
//
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVrHbsM9xt9OuvTSsXqNlIqzYVqeTPFzS5gQ9aVMgxp0Ollpl-0bwF8R6pJ8arTtX-2_gsSCivOIFXZpYeYFu9QS8mcx4JEkBgcC_RL-TsFRznzj0uU1BifjRlfdkr9NKukPXPX0G9Xo4/"+sizeAvatar+"/avatar_blue_m_96.png"; // http://www.blogger.com/img/avatar_blue_m_96.png resizeable
var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;
var urlMyProfile = ''; // set if you have no profile gadget on page
var urlMyAvatar = '';  // can be empty (then it is fetched) or url to image
// config end
// for old IEs & IE modes:
if(!Array.indexOf) {
Array.prototype.indexOf=function(obj) {
  for(var i=0;i<this.length;i++) if(this[i]==obj) return i;
  return -1;
}}
function replaceTopCmtVars(text, item, position)
{
  if(!item || !item.author) return text;
  var author = item.author;

  var authorUri = "";
  if(author.uri && author.uri.$t != "")
    authorUri = author.uri.$t;

  var avaimg = urlAnoAvatar;
  var bloggerprofile = "http://www.blogger.com/profile/";
  if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
    avaimg = author.gd$image.src;
  else {
    var parseurl = document.createElement('a');
    if(authorUri != "") {
      parseurl.href = authorUri;
      avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
    }
  }
  if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
    avaimg = urlMyAvatar;
  if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
    avaimg = urlNoAvatar;
  var newsize="s"+sizeAvatar;
  avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
  if(cropAvatar) newsize+="-c";
  avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");

  var authorName = author.name.$t;
  if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
    authorName = txtAnonymous;
  var imgcode = '<img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
  if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';

  if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)
    authorName = authorName.substr(0, maxUserNameLength-3) + "...";
  var authorcode = authorName;
  if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode+'</a>';

  text = text.replace('[user]', authorcode);
  text = text.replace('[image]', imgcode);
  text = text.replace('[#]', position);
  text = text.replace('[count]', item.count);
  return text;
}

var topcommenters = {};
var ndxbase = 1;
function showTopCommenters(json) {
  var one_day=1000*60*60*24;
  var today = new Date();

  if(urlMyProfile == "") {
    var elements = document.getElementsByTagName("*");
    var expr = /(^| )profile-link( |$)/;
    for(var i=0 ; i<elements.length ; i++)
      if(expr.test(elements[i].className)) {
        urlMyProfile = elements[i].href;
        break;
      }
  }

  for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
    var entry = json.feed.entry[i];
    if(numDays > 0) {
      var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601
      var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);

      //Calculate difference btw the two dates, and convert to days
      var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));
      if(days > numDays) break;
    }
    var authorUri = "";
    if(entry.author[0].uri && entry.author[0].uri.$t != "")
      authorUri = entry.author[0].uri.$t;

    if(excludeMe && authorUri != "" && authorUri == urlMyProfile)
      continue;
    var authorName = entry.author[0].name.$t;
    if(excludeUsers.indexOf(authorName) != -1)
      continue;

    var hash=entry.author[0].name.$t + "-" + authorUri;
    if(topcommenters[hash])
      topcommenters[hash].count++;
    else {
      var commenter = new Object();
      commenter.author = entry.author[0];
      commenter.count = 1;
      topcommenters[hash] = commenter;
    }
  }
  if(json.feed.entry.length == 200) {
    ndxbase += 200;
    document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');
    return;
  }

  // convert object to array of tuples
  var tuplear = [];
  for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);

  tuplear.sort(function(a, b) {
    if(b[1].count-a[1].count)
        return b[1].count-a[1].count;
    return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;
  });

  // list top topcommenters:
  var realcount = 0;
  for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {
    var item = tuplear[i][1];
    if(item.count < minComments)
        break;
    document.write('<di'+'v class="top-commenter-line">');
    document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));
    document.write('</d'+'iv>');
    realcount++;
  }
  if(!realcount)
    document.write(txtNoTopCommenters);
}
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');
</script>

Postagens relacionadas- modelo 3

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-->

Comentários pontilhados

no dia 30 março 2015

/* COMENTÁRIOS
----------------------------------------------- */
.comments {clear: both; background-color: rgba(255, 255, 255, 0.6); width: 750px; padding: 20px; border-radius: 10px; margin: 0 0 30px 0;}
.comments .comments-content {font-weight: normal; text-align: left;}
.comments .comment .comment-actions a,.comments .comment .continue a {display: inline-block; margin: 0 0 10px 10px; padding: 3px 8px; background:#e9dc4c; color:#2d2d2d; text-align: center; cursor: pointer; border-radius: 3px;}
.comments .comment .comment-actions a:hover,.comments .comment .continue a:hover {background:#f55a8e; color:#2d2d2d; text-decoration: none;}
.comments .comments-content .comment-thread ol{list-style-type:none; padding:0; text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0;}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em; margin-left:40px;}
.comments .comments-content .comment{margin-bottom:0; padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0; padding-bottom:0}
.comments .comments-content .comment-body{position:relative;}
.comments .comments-content .user a {color:#333;}
.comments .comments-content .datetime a {}
.comments .comments-content .icon.blog-author {display: inline-block; margin: 0; float: right;}
.comment-content {margin:0 0 8px; padding:0 5px; padding-bottom: 10px;}
.comments .comment-block {margin-left: 65px; position: relative; background:#fff; border: 1px dashed #d8e0e2; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; word-break: break-all;}
.comment-header {background:#; padding: 10px; border-bottom: 1px dashed #d8e0e2;}
.comments .comments-content .owner-actions {position:absolute; right:0; top:0}
.comments .comments-replybox {border:none; height:230px; width:100%}
.comments .comment-replybox-thread {margin-top:0}
.comments .comment-replybox-single {margin-top:5px; margin-left:48px}
.comments .comments-content .loadmore a {display:block; padding:10px 16px; text-align:center}
.comments .thread-toggle {cursor:pointer; display:inline-block}
.comments .comments-content .loadmore {cursor:pointer; max-height:3em; margin-top:0}
.comments .comments-content .loadmore.loaded {max-height:0; opacity:0; overflow:hidden}
.comments .thread-chrome.thread-collapsed {display:none}
.comments .thread-toggle {display:inline-block}
.comments .thread-toggle .thread-arrow {display:inline-block; height:6px; width:7px; overflow:visible; margin:0.3em; padding-right:4px;}
.comments .thread-expanded .thread-arrow {background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;}
.comments .thread-collapsed .thread-arrow {background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;}
.avatar-image-container {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDIhfTcV9Z2jKxw8RsEEJVnkBOJzmfhURGP48Iz5QDhLUH2rY9W5FnulRoEW4tnBW_ZPaI8V33N2HCFytmqr3RzsspVg_MGvPfuSpLgn3islZomjhXodmYvJQ4Z-9sYzEUHzPHVa5kAhQ/s1600/imagem-arrow.png) top right no-repeat; float:left vertical-align:middle; overflow:hidden; width:65px !important; height:51px !important; max-width:65px !important; max-height:51px !important}
.comments .avatar-image-container img {padding:2px; border:1px solid #ccc; width:45px !important; height:45px !important ;max-width:45px !important; max-height:45px !important;}

Postagens mais visitadas

Minha lista de blogs