Botões de compartilhar

no dia 09 setembro 2016

/* --------- BOTÕES DE COMPARTILHAR ----------- */
.post-share {
clear: both;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
float: left;
}
.share-box {
color: #FFF;
display: inline-block;
padding: 2px;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
letter-spacing: 0;
margin: 0 1px;
text-align: center;
width: 18px;
height: 18px;
line-height: 18px;
font-size: 16px;
background-color: #000;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.share-box:hover {
background-color: #ff80ba;
}
http://loja.cozinhadoquintal.com.br

Slide de posts recentes com categorias

no dia 08 setembro 2016

CSS:
/* START EasySlider By helperblogger.com */
#slide-container {position: relative; height: 350px; width: 820px; font: 11px Arial; top:0px; padding:0px; background:transparent;}
#slide-container img{width:100%; height:auto;}
#slider {
    height: 350px;
    left: -8px;
margin-top: 16px;
margin-bottom: 40px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 820px;
    font-family: 'montserrat';

}
a.slider-category {
    color: #77C6D9 !important;
   text-align: center;
    margin-bottom: 20px;
    margin-top: 13px;
    display: block;
    font: 15px 'montserrat';
}
span.readmore {background: #222;padding: 12px 22px;margin-top: 2em;margin-left: 17em;display: inline-block;font-family: 'montserrat';text-transform: none;letter-spacing: 1px;color:white;font-size: 12px;  -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;  transition: all 0.4s ease;}
    span.readmore:hover{background: #77C6D9;}
span.readmore a{color:#fff !important;}
.slide-desc h2 {
    display: block !important;
    margin: 0px auto 10px !important;
    font-family: 'montserrat';
text-align: center;
    text-transform: none;
    letter-spacing: 2px;
    font-size: 16px;
    width: 300px;
}
.slide-desc {
    background: rgba(255, 255, 255, 0.85);
    color: #000;
    padding: 10px;
    position: absolute;
   top: 25%;
     padding: 11px 0px 24px;
    width: 500px;
    left: 50%;
    margin-left: -250px;
    z-index: 9;
}
#slider ul {padding: 0; margin: 0; width: 820px; height: 350px;}
#slider li {width: 820px; height: 350px; overflow: hidden; margin: 0; padding: 0; list-style: none;}
#prevBtn, #nextBtn {display: none; width: 30px; height: 77px; position: relative; text-indent: -9999px; top: -200px; left: 5px;}
#nextBtn {left: 612px !important; top: -280px;}
#prevBtn a, #nextBtn a {display: block; position: relative; width: 30px; height: 77px; background: url('http://i.imgur.com/JyS9ojB.png') no-repeat 0 0;}
#nextBtn a {background: url('http://i.imgur.com/jcR1RnE.png') no-repeat 0 0;}
/* END EasySlider By helperblogger.com */


APÓS </BODY>:
<!-- Start easy content slider by helperblogger.com -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'/>
<script src='http://static.tumblr.com/uoel5vg/p51nl0jk4/easyslider1.7.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
 $("#slider").easySlider({
 auto: true,
 continuous: true
 });
});
//]]>
</script>
<!-- End easy content slider by helperblogger.com -->   


HTML:
<div id="slider">

<script style="text/javascript">

    var showpostthumbnails_gal  = true;
    var showpostsummary_gal     = true;
    var random_posts            = false;
    var numchars_gal            = 150;
    var numposts_gal            = 10;
    function showgalleryposts(json) {
    var numPosts = json.feed.openSearch$totalResults.$t;
    var indexPosts = new Array();
    document.write('<ul>');
    for (var i = 0; i < numPosts; ++i) {
        indexPosts[i] = i;
    }
    if (random_posts == true){
    indexPosts.sort(function() {return 0.5 - Math.random()});
    }
    if (numposts_gal > numPosts) {
        numposts_gal = numPosts;
    }
    for (i = 0; i < numposts_gal; ++i) {
        var entry = json.feed.entry[i];
        var post_category = entry.category[0].term;
        var category = '<a class="slider-category" href="/search/label/'+ post_category +'?max-results=10">'+ post_category +'</a>';
        var entry_gal = json.feed.entry[indexPosts[i]];
        var posttitle_gal =  entry_gal.title.$t;
        for (var k = 0; k <  entry_gal.link.length; k++) {
            if ( entry_gal.link[k].rel == 'alternate') {
                posturl_gal =  entry_gal.link[k].href;
                break;
            }
        }
        if ("content" in entry_gal) {
            var postcontent_gal = entry_gal.content.$t
        }
        s = postcontent_gal;
        a = s.indexOf("<img");
        b = s.indexOf("src=\"", a);
        c = s.indexOf("\"", b + 5);
        d = s.substr(b + 5, c - b - 5);
        if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
            var thumburl_gal = d
        } else var thumburl_gal = 'http://i1133.photobucket.com/albums/m596/abu-farhan/Images_no_image.gif';
        document.write('<li><div id="slide-container"><span class="slide-desc">');
        document.write(category + '<h2 style="margin:10px 0px;">' + posttitle_gal + '</h2>');
        document.write('<span class="readmore"><a href="' + posturl_gal + '">Leia Mais </a></span>');
        var re = /<\S[^>]*>/g;
        postcontent_gal = postcontent_gal.replace(re, "");
        if (showpostsummary_gal == true) {
            if (postcontent_gal.length < numchars_gal) {
                document.write(postcontent_gal);
                document.write('</span>')
            } else {
                postcontent_gal = postcontent_gal.substring(0, numchars_gal);
                var quoteEnd_gal = postcontent_gal.lastIndexOf(" ");
                postcontent_gal = postcontent_gal.substring(0, quoteEnd_gal);
                document.write('</span>')
            }
        }
        document.write('<a href="' + posturl_gal + '"><img src="' + thumburl_gal + '" width="750px" height="350"/></a></div>');
        document.write('</li>');
    }
    document.write('</ul>');
    
}

</script>

<script style="text/javascript">
 var numposts_gal = 10;
 var numchars_gal = 0;
 var random_posts = false; // random posts
 
</script>
<!-- replace with your web address (marked with red color) -->
<script src="http://blog-de-testes-20.blogspot.com.br/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script>
</div>

Menu com caixa de busca

no dia 18 julho 2016

/* ==== menu retrátil madlyluv.com ==== */
.menu_mluv_retratil {width: 1400px; height: 67px; display: block; background:#a083c6; position: fixed; top: -125px; z-index: 100;  -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease; margin-left:-10px;}
.menu_mluv_retratil.mostrar {top: 0; position: fixed;  margin-left:-10px;}
.menu_mluv_retratil nav {margin: 0 20px; padding: 0; list-style: none; float: left;}
.menu_mluv_retratil nav a {line-height: 65px; color: #fff; text-transform: uppercase; padding: 0 10px; text-decoration: none;}
.menu_mluv_retratil nav a:hover {border-bottom: 2px solid #fff;}


<div class='menu_mluv_retratil'>
<nav>
<div style='margin-left:-100px;'>
<a href='/'>Página inicial</a>
&#10084;
 <a href='http://www.nomundodoslivros.com/p/anuncie.html'>Sobre</a>
&#10084;
 <a href='http://www.nomundodoslivros.com/p/resenhas.html'>Resenhas</a>
&#10084;
 <a href='http://www.nomundodoslivros.com/p/divulgue.html'>Contato</a>
&#10084;
<a href='http://maidydesign.blogspot.com.br/'>Créditos</a>
<div style='margin-top:-49px; margin-left:1090px;'>
<form action='/search' id='searchthis' method='get' style='display: inline;'>
<input id='pesquisafsm-caixa' name='q' placeholder=' Procure no blog' size='30' type='text'/>
<input id='pesquisafsm-botao' type='submit' value='Buscar'/>
</form>
</div>
</div>
</nav>
</div>



#pesquisafsm-caixa:hover {opacity:1;}
#pesquisafsm-caixa { background: #eee; padding:10px; border:0 none; width:150px; opacity:0.6;} #pesquisafsm-botao { border: 1px solid #222; color: #b27d90; padding-left:10px; padding-top:10px; background: #fff; margin-left: -3px; color:#a8d2cd; font: 'trebuchet ms', trebuchet; padding:10px 20px; border:0 none; font-weight:bold; } #pesquisafsm-botao:hover { color: #eee; border: 2px solid #bbb; padding-left:8px; padding-top:8px; background: #ffb3ce; margin-left: -3px; color:#fff; font: 'trebuchet ms', trebuchet; padding:8px 18px; font-weight:bold; }
h55 { font-size:16px;  font-family: 'Open Sans Condensed', sans-serif;  text-align: left; margin-left: -10px; margin-top:-30px; line-height:20px; width:180px; position: absolute;  }

Zoom

no dia 14 julho 2016


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit, temporibus, repellat? Placeat nihil itaque culpa eu.
Saiba mais

Assinatura automática

no dia 05 julho 2016

Abaixo de jumplink:
<div class='author'>
  <a class='nomeauthor' expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'><data:post.author/></a>
  <img class='img-circle' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url'/>
</div>

CSS:
.author {width: 100%;display: block;text-align: center;}
a.nomeauthor {font-family: 'atelas_personal_use_onlyRg';text-decoration: none !important;color: #F52596;font-size: 30px;background: url(http://i.imgur.com/et7w45H.png) no-repeat left top;display: inline-block;width: 444px;padding: 33px 0px 50px 0px;text-align: right;}
img.img-circle {border-radius: 50%;width: 60px;display: inline-block;position: relative;top: 14px;}

Slide de posts recentes

no dia 04 julho 2016

/* Slide de postagens recentes */
#featuredpost {
margin:0 auto;
}
#slides *{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#slides ul,#slides li{
padding:0;
margin:0;
list-style:none;
border:0px solid #000000; /*--COR, TIPO E ESPESSURA DA BORDA DO SLIDE--*/
position:relative;
}
#slides ul{
width: 200%;
height:340px;
}
#slides li{
width:50%;
height:100%;
position:absolute;
display:none;
}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50%;width:50%;height:50%}
#slides li:nth-child(3){left:50%;top:50%;width:50%;height:50%}
#slides li:nth-child(4){display:none;}
#slides li:nth-child(1) h4 {
visibility:visible;opacity:1;
overflow:hidden;
font-size:34px; /*--TAMANHO DA FONTE DO SLIDE MAIOR--*/
bottom:0;
left:0;
color:#fff; /*--COR DA FONTE DO TEXTO DO SLIDE ATIVO--*/
width:100%;
padding:5px;
text-align:center;
text-transform:uppercase;  /*--COLOCA O TEXTO EM CAPSLOCK--*/
background:#ff2096; /*--COR DE FUNDO DO TEXTO DO SLIDE ATIVO--*/
height:90px;
font-family:'BenchNine', sans-serif;  /*--DEFINE A FONTE--*/
line-height:34px;
z-index:3;
opacity:0.8;
}
#slides li:nth-child(1) .label_text {
color:#fff;/*--COR DA FONTE DA DATA SLIDE ATIVO--*/
font-size:0px; /*--TAMANHO DA FONTE DA DATA SLIDE ATIVO--*/
display:block;
bottom:10px;
left:10px;
top:initial;
right:initial;
padding:0;
font-family:'Arial';
}
#slides li:nth-child(1) span.dd {
display:block;
font-size:0px; /*--TAMANHO DA FONTE DA DATA SLIDE ATIVO--*/
padding:12px 20px;
background:none; /*--COR DE FUNDO DA DATA SLIDE ATIVO--*/
margin:0;
}
#slides li:nth-child(1) span.dm {
display:block;
font-size:0px;
background:none; /*--COR DE FUNDO DO MÊS SLIDE ATIVO--*/
color:#fff; /*--TAMANHO DA FONTE DO MÊS SLIDE ATIVO--*/
padding:5px 21px;
text-transform:uppercase;/*--TEXTO EM CAPSLOCK--*/
margin:0;
}
#slides li:nth-child(1) span.dy, #slides li:nth-child(1) span.autname{display:none;}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{
display:block;
width:100%;
height:auto;
border:0;
padding:0;
background-color:none; /*--COR DE FUNDO DO MÊS SLIDE ATIVO--*/
-moz-transform:scale(1.0) rotate(0);
-webkit-transform:scale(1.0) rotate(0);
-ms-transform:scale(1.0) rotate(0);transform:scale(1.0) rotate(0);transition:all 0.6s linear;
}
#slides li a:hover img {
-moz-transform:scale(1.1) rotate(1deg);
-webkit-transform:scale(1.1) rotate(1deg);
-ms-transform:scale(1.1) rotate(1deg);transform:scale(1.1) rotate(1deg);transition:all 0.3s linear;
}
#slides .overlayx{
width:100%;
height:100%;
position:absolute;
z-index:2;
background:#000;  /*--COR DE FUNDO DO MÊS SLIDES MENORES--*/
opacity:0.2;
}
#slides li:nth-child(2) img{
width:50%;}
#slides li:nth-child(3) img{
width:50%;}
#slides li:nth-child(2) .overlayx{
background:#ff2096;  /*--COR DE FUNDO HOVER DOS SLIDES MENORES--*/
opacity:0;}
#slides li:nth-child(3) .overlayx{
background:#ff2096;  /*--COR DE FUNDO DO MÊS SLIDE ATIVO--*/
opacity:0;
}
#slides li:hover .overlayx,#slides li:hover:nth-child(2) .overlayx,#slides li:hover:nth-child(3) .overlayx{opacity:0;}
#slides h4,#slides li:nth-child(2) h4,#slides li:nth-child(3) h4{
z-index:3;
opacity:0.9;
position:absolute;
bottom:0;
right:0;
left:0;
margin:0;
font-size:15px; /*--TAMANHO DA FONTE DOS TÍTULOS--*/
font-family:'BenchNine', sans-serif;/*--TIPO DE FONTE--*/
padding:10px 15px;
color:#fff; /*--COR DE FONTE--*/
line-height:20px;
font-weight:normal;
background:#000000; /*--COR DE FUNDO DOS TÍTULOS SLIDES MENORES--*/
text-align:left;
transition:all .4s ease-in-out;
}
#slides .label_text{
opacity:0.9;
font-size:12px;
color:#fff;
top:5px;
right:0;
z-index:3;
position:absolute;
background:transparent;
padding:5px 10px;
font-family:'Arial';
text-transform:uppercase; /*--COLOCA O TEXTO EM CAPSLOCK--*/
transition:all 0.3s ease-in-out;
}
#slides li:hover:nth-child(2) .label_text,#slides li:hover:nth-child(3) .label_text{
background:#fff; /*--COR DE FUNDO DATA SLIDE MENOR HOVER--*/
color:#000; /*--COR DE TEXTO DA DATA--*/
right:5px;
opacity:1;
}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname{display:none;}
#slides .overlayx,#slides li{transition:all .4s ease-in-out}
#slides li:nth-child(1) .overlayx{display:none;}
#slides li:hover:nth-child(2) h4,#slides li:hover:nth-child(3) h4{
background:#ff2096;  /*--COR DE FUNDO HOVER DO SLIDE MENOR--*/
opacity:1;
z-index:4;
}
#featuredpost #buttons {
text-align:left;  /*--ALINHAMENTO DAS SETAS--*/
background:transparent;
margin:0 10px;
}
#featuredpost #buttons a {
font-size:20px;  /*--TAMANHO DAS SETAS--*/
padding:0 5px;
color:#ff2096; /*--COR DAS SETAS--*/
background:transparent; /*--COR DE FUNDO DAS SETAS--*/
}


<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
    $("#nav-mobile").html($("#nav-main").html());
    $("#nav-trigger span").click(function(){
        if ($("nav#nav-mobile ul").hasClass("expanded")) {
            $("nav#nav-mobile ul.expanded").removeClass("expanded").slideUp(250);
            $(this).removeClass("open");
        } else {
            $("nav#nav-mobile ul").addClass("expanded").slideDown(250);
            $(this).addClass("open");
        }
    });
});
//]]>
</script>





<div id='featuredpost'/>
<script type='text/javascript'>
//<![CDATA[

function FeaturedPost(a){(function(e){var h={blogURL:"",MaxPost:5,idcontaint:"#featuredpost",ImageSize:500,interval:10000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://3.bp.blogspot.com/-v45kaX-IHKo/VDgZxWv0xUI/AAAAAAAAHAo/QJQf8Dlh3xc/s1600/grey.gif",MonthNames:["Jan","Fev","Mar","Abr","Mai","Jun","Jul","Ago","Set","Out","Nov","Dez"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var c=h.blogURL;var d=h.MaxPost*200;if(h.blogURL===""){c=window.location.protocol+"//"+window.location.host}g.html('<div id="slides"><ul class="randomnya"></ul></div><div id="buttons"><a href="#" id="prevx" title="prev"><i class="fa fa-caret-left"/> </a><a href="#" id="nextx" title="next"> <i class="fa fa-caret-right"/></a></div>').addClass(h.loadingClass);var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail"in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+='<li><a target="_blank" href="'+q+'" title="'+k+'"><div class="overlayx"></div><img class="random" src="'+u+'" title="'+k+'"><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}e("ul",g).append(l)};var b=function(){var i="/-/"+h.tagName;if(h.tagName===false){i="";e.ajax({url:c+"/feeds/posts/default"+i+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}else{e.ajax({url:c+"/feeds/posts/default"+i+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}(function(){setTimeout(function(){e("#prevx").click(function(){e("#slides li:first").before(e("#slides li:last"));return false});e("#nextx").click(function(){e("#slides li:last").after(e("#slides li:first"));return false});if(h.autoplay){var k=h.interval;var l=setInterval("rotate()",k);e("#slides li:first").before(e("#slides li:last"));e("#slides").hover(function(){clearInterval(l)},function(){l=setInterval("rotate()",k)});function j(){e("#nextx").click()}}g.removeClass(h.loadingClass)},d)})()};e(document).ready(b)})(jQuery)};function rotate(){$('#nextx').click();};document.write('')

//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:"http://www.thaissantos.com/",
MaxPost:10, /*--QUANTIDADE DE POSTS EXIBIDOS--*/
idcontaint:"#featuredpost",
ImageSize:500,
interval:10000,
autoplay:true,
tagName:false
});
});
//]]>
</script></div>
</div>

Instagram 2

no dia 17 junho 2016

Instagram

Teste

ESCREVA AQUI O QUE QUISER, LADO FORA

Menu multinivel

no dia 11 junho 2016

/**********Menu Multinivel**************/
#nav {
float: left;
font:16px 'comfortaa';
font-weight: 700;
color: #fff !important;
margin-left: -30px;
padding-right: 30px;
overflow: hidden;
width: 102%;
background: $(tabs.selected.background.color);
}
#nav ul {
color: #444344 !important;
margin: 0;
padding: 0;
list-style: none;
}
#nav ul li {
color: #fff !important;
float: left;
}
#nav ul li a {
float: left;
 color: #444344;
padding: 10px 18px;
text-decoration: none;
background: $(tabs.selected.background.color);
}
/* Drop Down Menu  */
#nav ul li a:hover,
#nav ul li:hover > a {
 color: #fff;
background: #444344;
}
#nav li ul a:hover,
#nav ul li li:hover > a {
color: #fff;
background: $(tabs.selected.background.color);
}
/* Drop Down Menu  */
#nav li ul {
color: #000 !important;
background: #eee;
left: -999em;
margin: 40px 0 0;
position: absolute;
width: 174px;
z-index: 9999;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
border: 1px solid #eee;
}
#nav li:hover ul {
left: auto;
}
#nav li ul a {
background: none;
border: 0 none;
margin-right: 0;
width: 140px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
}
.nav ul li ul {
position: absolute;
left: 0;
display: none;
visibility: hidden;
}
.nav ul li ul li {
display: list-item;
float: none;
}
.nav ul li ul li ul {
top: 0;
}
.nav ul li ul li a {
font: normal 13px Verdana;
width: 160px;
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}
#nav li li ul {
margin: -1px 0 0 174px;
visibility: hidden;
}
#nav li li:hover ul {
visibility: visible;
}







<div id='nav'>
<ul>
  <li><a href='http://www.loveandtravel.com.br/p/comer-rezar-e-amar-em.html'>Comer, viajar e amar em</a></li>


<li><a href='http://www.loveandtravel.com.br/search/label/Am%C3%A9ricas'>Américas</a>
<ul>
   <li><a href='http://www.loveandtravel.com.br/search/label/Argentina'>Argentina</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Alta%20Gracia">Alta Gracia</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Carlos%20Paz">Carlos Paz</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Cordilheira%20dos%20Andes">Cordilhiera dos Andes</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/C%C3%B3rdoba">Córdoba</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Prov%C3%ADncia%20de%20C%C3%B3rdoba">Província de Córdoba</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/La%20Cumbrecita">La Cumbrecita</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Los%20Reartes">Los Reartes</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Mendoza">Mendoza</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Santa%20Rosa%20de%20Calamuchita">Santa Rosa de Calamuchita</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Villa%20General%20Belgrano">Villa General Belgrano </a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Ushuaia">Ushuaia</a></li>

</ul>
</li>

<li><a href='http://www.loveandtravel.com.br/search/label/Chile'>Chile</a>
<ul>


<li><a href="http://www.loveandtravel.com.br/search/label/Farellones">Farellones</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Santiago">Santiago</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Valle%20Nevado">Valle Nevado</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Valpara%C3%ADso">Valparaíso</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Vi%C3%B1a%20del%20Mar">Vinã del Mar</a></li>

</ul>
</li>

<li><a href='http://www.loveandtravel.com.br/search/label/Estados%20Unidos'>Estados Unidos</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Las%20Vegas">Las Vegas</a></li>
</ul>



</li>
</ul>
</li>

<li><a href='http://www.loveandtravel.com.br/search/label/Caribe'>Caribe</a>
<ul>

<li><a href='http://www.loveandtravel.com.br/search/label/Rep%C3%BAblica%20Dominicana'>República Dominicana</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Punta%20Cana">Punta Cana</a></li>
</ul>
</li>
</ul>
</li>

<li><a href='http://www.loveandtravel.com.br/search/label/Brasil'>Brasil</a>
<ul>

<li><a href='http://www.loveandtravel.com.br/search/label/Minas%20Gerais'>Minas Gerais</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Belo%20Horizonte">Belo Horizonte</a></li>
</ul>
</li>

<li><a href='http://www.loveandtravel.com.br/search/label/Paran%C3%A1'>Paraná</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Curitiba">Curitiba</a></li>
<li><a href="http://www.loveandtravel.com.br/2015/10/londrina-parana-brasil.html">Londrina</a></li>
</ul>
</li>


 <li><a href='http://www.loveandtravel.com.br/search/label/Rio%20de%20Janeiro'>Rio de Janeiro</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Copacabana">Copacabana</a></li>

</ul>
</li>

<li><a href='http://www.loveandtravel.com.br/search/label/Rio%20Grande%20do%20Sul'>Rio Grande do Sul</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/2015/07/gramado-canela-rio-grande-sul-brasil.html">Gramado e Canela</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Porto%20Alegre">Porto Alegre</a></li>
</ul>
</li>
   <li><a href='http://www.loveandtravel.com.br/search/label/S%C3%A3o%20Paulo'>São Paulo</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Rio%20Claro">Rio Claro</a></li>
<li><a
href="http://www.loveandtravel.com.br/2014/06/sao-paulo-cidade-que-nao-para.html">São Paulo</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Socorro">Socorro</a></li>

</ul></li>


</ul>
</li>

<li><a href='http://www.loveandtravel.com.br/search/label/Europa'>Europa</a>
<ul>
   <li><a href='http://www.loveandtravel.com.br/search/label/Alemanha'>Alemanha</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Assmannshausen">Assmannshausen</a></li>
<li><a href="http://www.loveandtravel.com.br/2014/08/frankfurt-alemanha-rio-main-reno.html">Frankfurt</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/R%C3%BCdesheim">Rüdesheim</a></li>



</ul>
</li>

<li><a href='http://www.loveandtravel.com.br/search/label/france'>França</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/paris">Paris</a></li>
</ul>
</li>

<li><a href='http://www.loveandtravel.com.br/search/label/Inglaterra'>Inglaterra</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Londres">Londres</a></li>
</ul>
</li>

<li><a href='http://www.loveandtravel.com.br/search/label/Malta'>Malta</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Malta">Malta</a></li>
</ul>
</li>

<li><a href='http://www.loveandtravel.com.br/search/label/Portugal'>Portugal</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Coimbra">Coimbra</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Ilha%20da%20Madeira">Ilha da Madeira</a></li>
</ul>
</li>

<li><a href='http://www.loveandtravel.com.br/search/label/R%C3%BAssia'>Rússia</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Moscou">Moscou</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/S%C3%A3o%20Petersburgo">São Petesburgo</a></li>

</ul>
</li>

<li><a href='http://www.loveandtravel.com.br/search/label/Su%C3%AD%C3%A7a'>Suíça</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Davos">Davos</a></li>
</ul>
</li>
</ul>
</li>

<li><a href='http://www.loveandtravel.com.br/search/label/Oceania'>Oceania</a>
<ul>
   <li><a href='http://www.loveandtravel.com.br/search/label/Austr%C3%A1lia'>Austrália</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Melbourne">Melbourne</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Sydney">Sidney</a></li>
</ul>
</li>

</ul>
</li>

<li><a href='#'>Dicas</a>
<ul>
<li><a href='http://www.loveandtravel.com.br/search/label/gastronomia'>Gastronomia</a></li>
<li><a href='http://www.loveandtravel.com.br/search/label/Hospedagem'>Hospedagem</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Lifestyle">Lifestyle</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Roteiros">Roteiros</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Flight%20Review">Flight Review</a></li>
</ul>
</li>

<li><a href='http://www.loveandtravel.com.br/p/guest-post.html'>Guest post</a></li>  
 
<li><a href='http://www.loveandtravel.com.br/p/parcerias.html'>Na rede</a></li>  
 
<li><a href='http://www.loveandtravel.com.br/p/roteiros-personalizados.html'>Roteiros Personalizados</a></li>



</ul></div>

Menu com caixa de pesquisa

no dia 28 julho 2015

<div class="conteudo-menu">

<div id='menuWrapper'>
    <div class='menu'>
    <ul>
    <li><a href="http://blog-de-testes-17.blogspot.com.br/">Home</a></li>
   
    <li><a href="#">Nome da aba</a>
    <ul>
    <li><a href="URL">Nome da aba</a></li>
    <li><a href="URL">Nome da aba</a></li>
    <li><a href="URL">Nome da aba</a></li>
    <li><a href="URL">Nome da aba</a></li>
    </ul>
    </li>


<li><a href="URL">Nome da aba</a></li>
<li><a href="URL">Nome da aba</a></li>
<li><a href="#">Nome da aba</a>
    <ul>
   
    <li><a href="URL">Nome da aba</a></li>
    <li><a href="URL">Nome da aba</a></li>
    <li><a href="URL">Nome da aba</a></li>
    </ul>
    </li>
<li><a href="URL">Contato</a></li>

<li>
<style>
#searchbox {
    background: transparent;
    border: 0px solid #e8e8e8;
    padding: 20px 10px;
margin-top: -15px;
    width: 290px;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

#searchbox input {
    outline: none;
}

#searchbox input[type="text"] {
    background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjawr9CFW6zUW7KDIlCCDyTeHsf2TtYrSxkX2w-fzMr5-DZCpPrUFsLqrTTWzcBTM4YMZcr6iImG-bMLQdRhDK_HJNJlyky8urCzcCCT1lgSZ7_VHONTYStDhLmM-U2yUwK0t8pYRV9m4-O/s1600/search-dark.png) no-repeat 10px 6px #f9f9f9;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #bebebe;
    width: 55%;
    padding: 8px 15px 8px 30px;
}

#button-submit {
    background: #EE5174;
    border-width: 0px;
    padding: 9px 0px;
padding-top: 5px;
padding-bottom: 5px;
    width: 25%;
    cursor: pointer;
    font:  15px 'Source Sans Pro',Arial, Helvetica;
    color: #fff;
    }

#button-submit:hover {
    background: #666;
}

#button-submit:active {
    background: #000;
    outline: none;
}

#button-submit::-moz-focus-inner {
    border: 0;
}
</style>

<form id="searchbox" method="get" action="/search">
<input name="q" type="text" size="15" placeholder="Pesquise aqui..." />
<input id="button-submit" type="submit" value="Pesquisar" />
</form>
</li>
    </ul>


 



</div></div></div>
no dia 19 julho 2015

no dia 13 julho 2015

Modelo de arquivo 1

no dia 05 maio 2015

/* Arquivo em forma de calendário */ #calendarDisplay { display: none }
/* div that holds calendar */
#blogger_calendar {
margin: 5px 0 0 0;
width: 100%;
}
/* menu seleção */
#bcaption {
border: 2px solid #696969;
padding: 2px;
margin: 10px 0 0;
background: #696969;
font-family: 'Khula', sans-serif;
font-size: 12px;
font-weight: normal;
}
/* menu seleção - arquivo */
#bcaption select {
background: #696969;
border: 0 solid;
color: #fff;
font-family: 'Khula', sans-serif;
font-size: 13px;
font-weight: normal;
text-align: center;
}
/* Corpo */
table#bcalendar thead { }
/* Dias */
table#bcalendar thead tr th {
width: 20px;
text-align: center;
padding: 2px;
border: 1px solid #f7a0b3;
font-family: 'Khula', sans-serif;
font-size: 13px;
font-weight: normal;
background: #f7a0b3;
color: #ffffff;
}
/* Calendário corpo geral*/
table#bcalendar {
border: 1px solid #f7a0b3;
border-top: 0;
margin: 0px 0 0px;
width: 100%;
background: #ffffff;
}
/* Calendário datas */
table#bcalendar tbody tr td {
text-align: center;
padding: 2px;
border: 1px solid #f7a0b3;
color: #f7a0b3á
font-family: 'Khula', sans-serif;
font-size: 12px;
font-weight: normal;
/*font: normal normal 13px Calibri;*/;
}
/* Links */
table#bcalendar tbody tr td a:link,
table#bcalendar tbody tr td a:visited,
table#bcalendar tbody tr td a:active {
font-weight: bold;
color: #fff;
}
table#bcalendar tbody tr td a:hover {
color: #fff;
background: #696969;
display: block;
}
/* First Row Empty Cells */
td.firstCell { visibility: visible }
/* Cells that have a day in them */
td.filledCell { }
/* Cells that are empty, after the first row */
td.emptyCell { visibility: hidden }
/* Data com postagem */
td.highlightCell {
background: #f7a0b3;
color: #000;
border: 1px solid #f7a0b3;
}
/* Footer */
table#bcNavigation {
width: 100%;
background: #696969;
border: 1px solid #696969;
border-top: 0;
color: #fff;
font-family: 'Khula', sans-serif;
font-size: 12px;
}
table#bcNavigation a:link {
text-decoration: none;
color: #f7a0b3;
}
td#bcFootPrev { width: 10px }
td#bcFootAll { text-align: center }
td#bcFootNext { width: 10px }
ul#calendarUl {
margin: 5px auto 0!important;
border-bottom: 1px dotted #f7a0b3;
}
ul#calendarUl li a:link { border-bottom: 1px dotted #f7a0b3; }

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

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

Postagens mais visitadas

Minha lista de blogs