Combo: Colocar leia mais, autor do blog debaixo do título dar estilo aos marcadores

 

Trago para vocês um pacote de mudanças para o post como colocar o autor do blog abaixo do título do post, colocar o hack "leia mais" alinhar os comentários, marcadores e leia mais no footer do post.


Vá até o Modelo de seu blog, clique em Editar modelo

  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011

Agora procure por:  ]]></b:skin>  

 

 

Substitua então pelo código abaixo:

/*Showlink-----------------------------------------------------*/
#showlink {  margin: 0 34px 0 0; padding: 0;}
#showlink a{
  float: right;
  position: relative;
  background-color: #ccc;/*cor do fundo*/
  /* la altura */
  height: 24px;
  line-height: 24px;
  padding:0 10px 0px 12px;
  margin: 0px;
  color: #000;/*cor texto*/
  font-size:11px;
  font-family: Arial;
  text-decoration: none;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}
#showlink a:before {
  border-color: transparent transparent transparent #ccc;/*cor ponta seta*/
  border-style: solid;
  border-width:12px 0px 12px 12px;
  content: "";
  float: right;
  right: -12px;
  height: 0;
  position: absolute;
  top: 0;
  width: 0;
}
#showlink a:after {
  background-color: #fff; /* cor bolinha */
  content: "";
  float: right;
  right: 0;
  position: absolute;
  top: 10px;
 height: 4px;
  width: 4px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#showlink a:hover{
  background-color: #555;/*cor seta passar mouse*/
}
#showlink a:hover:before {
  border-color: transparent transparent transparent #555 ;/*cor ponta seta*/
}

/*Postlabel-------------------------------*/
.post-labels {
  margin:  0;
  padding: 30px 2px 20px 2px;
}
.post-labels a {
  float: left;
  position: relative;
  background-color: #ccc;/*cor do fundo*/
  /* la altura */
  height: 24px;
  line-height: 24px;
  padding:0 10px 0 12px;
  margin: 0 5px 0 20px;
  color: #000;/*cor texto*/
  font-size:11px;
  font-family: Arial;
  text-decoration: none;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.post-labels a:before {
  border-color: transparent #ccc transparent transparent;/*cor ponta seta*/
  border-style: solid;
  border-width: 12px 12px 12px 0;
  content: "";
  float: left;
  left:-12px;
  height: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.post-labels a:after {
  background-color: #FFF; /* cor bolinha */
  content: "";
  float: left;
  left: 0;
  position: absolute;
  top: 10px;
 height: 4px;
  width: 4px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.post-labels a:hover{
  background-color: #555;/*cor seta passar mouse*/
}
.post-labels a:hover:before {
  border-color: transparent #555 transparent transparent;/*cor ponta seta*/
}
.post-timestamp{ padding: 3px 6px 3px 10px;}

/*comentario-------------------------------------------*/
.post-comment-link{
 background:#ccc; /* cor bolinha */
 font-size:12px;
margin: 1px 4px 0 6px;
text-align:center;
padding:4px 7px 6px 5px;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.post-comment-link a{color: #000;}
.post-timestamp{margin: 0 2px 0 2px;}
]]></b:skin>
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 480;
summary_img = 480;
img_thumb_height = 150;
img_thumb_width =150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);} }
strx = s.join(""); }
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...'; }
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
if(thumbnail_mode == "float") {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
} else {
imgtag = '<div style="padding:5px" align="center"><img style="max-width:'+img_thumb_width+'px; max-height:'+img_thumb_height+'px;" src="'+img[0].src+'" /></div>';
summ = summary_img;
}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;}
//]]>
</script>

Salve.



Agora vamos colocar o autor do post abaixo do título do blog.

Clique em "Expandir modelos de widgets"

Procure por todo esse trecho abaixo, depois copie e apague de onde estiver. (para facilitar procure a primeira linha grifada em verde)

<span class='post-author vcard'>

        <b:if cond='data:top.showAuthor'>

          <data:top.authorLabel/>

            <b:if cond='data:post.authorProfileUrl'>

              <span class='fn'>

                <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>

                  <data:post.author/>

                </a>

              </span>

            <b:else/>

              <span class='fn'><data:post.author/></span>

            </b:if>

        </b:if>

      </span> <span class='post-timestamp'>

        <b:if cond='data:top.showTimestamp'>

          <data:top.timestampLabel/>

        <b:if cond='data:post.url'>

          <a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>

        </b:if>

        </b:if>

      </span><span class='post-timestamp'>

        <b:if cond='data:top.showTimestamp'>

          <data:top.timestampLabel/>

        <b:if cond='data:post.url'>

          <a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>

        </b:if>

        </b:if>

      </span>

Procure então por:

<div class='post-header'>

E abaixo dele, cole o código que você acabou de copiar.


Salve !

Vamos agora colocar todos os elementos como comentários, marcadores e leia mais na mesma linha.

Agora procure por:


<span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <b:if cond='data:post.allowComments'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </span> <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>   <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>

Apague:


Procure então por:

<div class='post-footer-line post-footer-line-2'/>

E substitua pelo código abaixo.

 <div class='post-footer-line post-footer-line-2'><span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn'>
                      <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </b:if>
              </span>

              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
                    </b:if>
                  </b:if>
                </b:if>
              </span></div>

Salve


Procure agora por:


<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
          <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>


E troque-o por:

<span class='post-labels'>
        <b:if cond='data:post.labels'> 
          <b:loop values='data:post.labels' var='label'>
          <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'></b:if>
          </b:loop>
        </b:if>
      </span>

Salve


Agora procure por:

 <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>

      <data:post.body/>

      <div style='clear: both;'/> <!-- clear for photos floats -->

    </div>

Substitua por:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->

Salve!


Procure agora por:

</div>


      <div class='post-footer-line post-footer-line-3'>

E substitua por:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<span id='showlink'><a expr:href='data:post.url'>Leia Mais ►</a></span>
</b:if></b:if>
</div>

      <div class='post-footer-line post-footer-line-3'>

Salve.


Se quiser colocar os botões de compartilhamento das redes sociais em cima, abaixo do título do blog proceda da seguinte forma:

 Procure por:

 <div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
      </div> 

Copie e apague.


Procure por:


<div class='post-header-line-1'/>


E acima dele cole o código que você apagou.

Prontinho, todos os hacks foram implementados. Caso aprecie, voê poderá dar um estilo em seu post como deixar o título e o menu de botões socias para ser visto apaenas na parte de dentro, quando a pessoa abrir o seu post, dar cor para o post e uma cor de fundo para o título.

Para isso, basta copiar o código abaixo e colar antes de: ]]></b:skin>

<!-- Estilo ao post na primeira página -->
<style>
.post {
background: #eee;
padding: 6px 10px 6px 10px;
 -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
.date-header span {display:none;}
h3.post-title {background: #ccc; padding: 4px 0 6px 2px; margin: 0 0 4px 0;}
<b:if cond='data:blog.homepageUrl == data:blog.url'>
.post-header {display:none;}
</b:if>
</style>

Vermelho= cor post

Azul= cor do fundo do título

»»Leia mais...

Para implementar meus hacks e dicas em seu blog

Tenho recebido alguns emaisl e lido alguns comentários a respeito de meus tutoriais. Há pessoas me escrevendo e dizendo que não encontram determinados códigos em seus blogs. Quero deixar claro que na parte do CSS ( o que estiver acima de ]]></b:skin> ) há diferença de um template para o outro, já na parte de div, geralmente são iguais.

Para implementar as dicas, sugiro que o leitor migre para o nova interface do blog e instale em seu blog o modelo "Simples, conforme a imagem acima facilitando assim a compreensão dos posts.

Mude seu blog para a nova interface clicando no link do lado direito, logo acima do editor de postagens.

Você será direcionado para uma página como esta acima. Siga o exemplo.

Instale então o modelo Simples em seu blog.

Prontinho, agora você poderá modificar seu template conforme meus tutoriais.

»»Leia mais...

Personalizando o sidebar e o footer do novo Blogger

Outro modelito de sidebar, widgets personalizados para vocês...

Essa tutorial é baseada em cima do template SIMPLE, que vem nativo no Blogger.

Modelo da sidenar

Modelo do footer

Vá até o Modelo de seu blog, clique em Editar modelo

  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011

Agora procure por: ]]></b:skin>  

 

Acima do código, cole este código abaixo.

/*Sidebar------------------------------------------------------------*/
#sidebar-right-1, #sidebar-right-3, #sidebar-left-1,  #sidebar-left-3, #sidebar-left-2-1,  #sidebar-right-2-1, #sidebar-left-2-2,  #sidebar-right-2-2 {
margin: 0;
padding: 0;
}

#sidebar-left-1 h2, #sidebar-left-3 h2, #sidebar-left-2-1 h2, #sidebar-left-2-2 h2,  #sidebar-right-1 h2,  #sidebar-right-3 h2,   #sidebar-right-2-1 h2,  #sidebar-right-2-2 h2 {
 background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguVu2OdVSieaFt2ADXNLKSM2ZKnzgJV06gSv5kmuzycRVBbyW0cCgssb_1k0wjqSpEnFBmo69PLfh5uC7awDp-rRz75-g2383nSaGe2YQnVH6i_eXDlJQnKACfFnUqPFmH_OQhDnOd3NJO/s1600/h2.png)  repeat-x;
text-align: right;
padding: 8px 0;
border-color:#F9F9F9 #F9F9F9;
border-style:solid solid none;
border-width:1px 1px  medium;
border-bottom: 1px solid #A8A8A8;
text-shadow: 1px 1px white, -1px -1px #333;
}

#sidebar-right-1 .widget,  #sidebar-right-2-1 .widget, #sidebar-right-2-2 .widget,  #sidebar-right-3 .widget, #sidebar-left-1 .widget,  #sidebar-left-2-1 .widget, #sidebar-left-2-2 .widget, #sidebar-left-3 .widget  {
margin:0;
border-color:#A8A8A8 #A8A8A8 #A8A8A8;
border-style:solid solid solid;
border-width:0px 1px thin;
padding: 0;
}

#sidebar-right-1 .widget-content, #sidebar-right-3 .widget-content,#sidebar-left-1 .widget-content, #sidebar-left-3 .widget-content, #sidebar-right-2-1 .widget-content, #sidebar-right-2-2 .widget-content, #sidebar-left-2-1 .widget-content, #sidebar-left-2-2 .widget-content{
padding: 0;
}

#sidebar-right-1 ul li, #sidebar-right-3 ul li, #sidebar-left-1 ul li, #sidebar-left-3 ul li, #sidebar-right-2-1 ul li, #sidebar-right-2-2 ul li, #sidebar-left-2-1 ul li, #sidebar-left-2-2 ul li{
list-style: disc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWy6JySdOykk0XGrcfU2geQ9R_hWIspSrGzMMDM5b_RaJGjRF3uaM4sniMK_LRh9gWSd7V382BTUVI_7aqKdcNudwLbB0Mr7KFc4H7Qznh0L4s3Vc_DTM6ZfpAGSGHPgQECQ1GjDmIlxvU/s1600/arrow.gif);
vertical-align: top;
padding-bottom: 1px;
margin-left: 8px;
border-bottom: 1px solid #A8A8A8;
}

/*Footer-------------------------------------------------*/
#footer-1,#footer-2-1, #footer-2-2, #footer-2-3{
margin: 0;
padding: 0;
}
#footer-1 h2, #footer-2-1 h2, #footer-2-2 h2, #footer-2-3 h2 {
 background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguVu2OdVSieaFt2ADXNLKSM2ZKnzgJV06gSv5kmuzycRVBbyW0cCgssb_1k0wjqSpEnFBmo69PLfh5uC7awDp-rRz75-g2383nSaGe2YQnVH6i_eXDlJQnKACfFnUqPFmH_OQhDnOd3NJO/s1600/h2.png)  repeat-x;
text-align: right;
font-size: 14px;
padding: 8px 0;
border-color:#F9F9F9 #F9F9F9;
border-style:solid solid none;
border-width:1px 1px  medium;
border-bottom: 1px solid #A8A8A8;
text-shadow: 0px 1px 0px #eee;
text-shadow: 1px 1px white, -1px -1px #333;
}
#footer-1  .widget,  #footer-2-1 .widget,   #footer-2-2   .widget, #footer-2-3 .widget {
border-color:#A8A8A8 #A8A8A8 #A8A8A8;
border-style:solid solid solid;
border-width:0px 1px thin;
padding: 0;
}
#footer-1  .widget-content, #footer-2-1 .widget-content, #footer-2-2  .widget-content, #footer-2-3 .widget-content{
padding: 0;
}

#footer-1  ul li, #footer-2-1 ul li, #footer-2-2 ul li, #footer-2-3  ul li {
list-style: disc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWy6JySdOykk0XGrcfU2geQ9R_hWIspSrGzMMDM5b_RaJGjRF3uaM4sniMK_LRh9gWSd7V382BTUVI_7aqKdcNudwLbB0Mr7KFc4H7Qznh0L4s3Vc_DTM6ZfpAGSGHPgQECQ1GjDmIlxvU/s1600/arrow.gif);
vertical-align: top;
padding-bottom: 3px;
margin-left: 8px;
border-bottom: 1px solid #808080;
}

Não terminou. Agora procure por esse trecho.

/* Columns
----------------------------------------------- */
.main-outer {
  border-top: $(main.border.width) solid $(body.rule.color);
}

.fauxcolumn-left-outer .fauxcolumn-inner {
  border-right: 1px solid $(body.rule.color);
}

.fauxcolumn-right-outer .fauxcolumn-inner {
  border-left: 1px solid $(body.rule.color);
}




Troque-o por:

/* Columns
----------------------------------------------- */
.main-outer {
  border-top: none;
}

.fauxcolumn-left-outer .fauxcolumn-inner {
  border-right: 0px solid $(body.rule.color); background: #E6e6e6;
}

.fauxcolumn-right-outer .fauxcolumn-inner {
  border-left: 0px solid $(body.rule.color); background: #E6e6e6;
}

Outro modelo de sidebar aqui

»»Leia mais...

Dando estilo a sidebar e ao footer do novo Blogger

Vou colocar alguns modelinhos para que vocês possam dar uma encrementadinha em seus blogs e refazer alguns que já tinha colocado aqui. ;-)

Modelo da sidebar

Modelo do footer

Vá até o Modelo de seu blog, clique em Editar modelo

  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011

Agora procure por: ]]></b:skin>

   

 

Antes dele, cole o código abaixo:

/*Sidebar------------------------------------------------------------*/
#sidebar-right-1, #sidebar-right-3 {
margin: 10px 3px 10px 3px;
padding: 26px 8px 26px 8px;
background:#FFCC43;
-moz-border-radius: 0 20px;
-webkit-border-radius:0 50px;
border-radius:0 50px;
}
#sidebar-left-1,  #sidebar-left-3 {
margin: 10px 3px 10px 3px;
padding: 26px 8px 26px 8px;
background:#FFCC43;
-moz-border-radius: 0 20px;
-webkit-border-radius:0 50px;
border-radius:0 50px;
}
#sidebar-left-2-1,  #sidebar-right-2-1 {
margin: 10px 1px 10px 3px;
padding: 26px 8px 26px 8px;
background:#cc0000;
-moz-border-radius: 0 20px;
-webkit-border-radius:0 50px;
border-radius:0 50px;
}

#sidebar-left-2-2,  #sidebar-right-2-2{
margin: 10px 3px 10px 2px;
padding: 26px 5px 26px 5px;
background:#090EE7;
-moz-border-radius: 0 20px;
-webkit-border-radius:0 50px;
border-radius:0 50px;
}

#sidebar-left-1 h2, #sidebar-left-3 h2, #sidebar-left-2-1 h2, #sidebar-left-2-2 h2,  #sidebar-right-1 h2,  #sidebar-right-3 h2,   #sidebar-right-2-1 h2,  #sidebar-right-2-2 h2 {
 background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
text-align: center;
font-size: 18px;
padding: 8px 0;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
 text-shadow: black 0.1em 0.1em 0.2em
}


#sidebar-right-1 .widget,  #sidebar-right-2-1 .widget, #sidebar-right-2-2 .widget,  #sidebar-right-3 .widget {
background: #fff;
margin: 8px 0 8px 0;
border: 1px solid #eee;
padding: 12px 5px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
}

#sidebar-left-1 .widget,  #sidebar-left-2-1 .widget, #sidebar-left-2-2 .widget, #sidebar-left-3 .widget {
background: #fff;
margin: 8px 0 8px 0;
border: 1px solid #eee;
padding: 12px 5px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
}

#sidebar-right-1 .widget-content, #sidebar-right-3 .widget-content,#sidebar-left-1 .widget-content, #sidebar-left-3 .widget-content, #sidebar-right-2-1 .widget-content, #sidebar-right-2-2 .widget-content, #sidebar-left-2-1 .widget-content, #sidebar-left-2-2 .widget-content{
background: #fff;
padding: 2px 2px;
}

#sidebar-right-1 ul li, #sidebar-right-3 ul li, #sidebar-left-1 ul li, #sidebar-left-3 ul li, #sidebar-right-2-1 ul li, #sidebar-right-2-2 ul li, #sidebar-left-2-1 ul li, #sidebar-left-2-2 ul li{
list-style: disc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGKK2naUzBAxlva1KMzWobZpBx_QE6f7qUc0EsoE_j1Bv9PhQ9gi8_uJPL8c-ubywMaAKxM_QER7o9csOII7F4kFeOnaRlQLUpjZDEEVbHhap_ayDSoseEmdV1h_9qBfq1IPqwcOVTqXi/s1600/arrow3_e.png);
vertical-align: top;
padding-bottom: 1px;
margin-left: 2px;
border-bottom: 1px dotted #808080;
}

/*Footer-------------------------------------------------*/
#footer-1{
margin: 10px 3px 10px 3px;
padding: 26px 8px 26px 8px;
background:#FFCC43;
-moz-border-radius: 0 20px;
-webkit-border-radius:0 50px;
border-radius:0 50px;
}
#footer-2-1{
margin: 10px 3px 10px 3px;
padding: 26px 8px 26px 8px;
background:#FFCC43;
-moz-border-radius: 0 20px;
-webkit-border-radius:0 50px;
border-radius:0 50px;
}
#footer-2-2{
margin: 10px 3px 10px 3px;
padding: 26px 5px 26px 5px;
background:#090EE7;
-moz-border-radius: 0 20px;
-webkit-border-radius:0 50px;
border-radius:0 50px;
}
#footer-2-3{
margin: 10px 3px 10px 3px;
padding: 26px 5px 26px 5px;
background:#cc0000;
-moz-border-radius: 0 20px;
-webkit-border-radius:0 50px;
border-radius:0 50px;
}
#footer-1 h2, #footer-2-1 h2, #footer-2-2 h2, #footer-2-3 h2 {
 background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
text-align: center;
font-size: 18px;
padding: 8px 0;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
 text-shadow: black 0.1em 0.1em 0.2em
}
#footer-1  .widget,  #footer-2-1 .widget,   #footer-2-2   .widget, #footer-2-3 .widget {
background: #fff;
margin: 8px 0 8px 0;
border: 1px solid #eee;
padding: 12px 5px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
}
#footer-1  .widget-content, #footer-2-1 .widget-content, #footer-2-2  .widget-content, #footer-2-3 .widget-content{
background: #fff;
padding: 2px 2px;
}

#footer-1  ul li, #footer-2-1 ul li, #footer-2-2 ul li, #footer-2-3  ul li {
list-style: disc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGKK2naUzBAxlva1KMzWobZpBx_QE6f7qUc0EsoE_j1Bv9PhQ9gi8_uJPL8c-ubywMaAKxM_QER7o9csOII7F4kFeOnaRlQLUpjZDEEVbHhap_ayDSoseEmdV1h_9qBfq1IPqwcOVTqXi/s1600/arrow3_e.png);
vertical-align: top;
padding-bottom: 1px;
margin-left: 2px;
border-bottom: 1px dotted #808080;
}

Salve !

»»Leia mais...

Recomendar post com efeito deslizante ao pé do Blogger

Para que seus visitantes passem mais tempo em seu blog, é necessário ter postagens bem elaboradas, um layout limpo e organizado e alguns truques para aguçar a curiosidade de seu leitor e fazê-lo ficar mais tempo em seu blog. Pensando nisso o Blogger Widget adaptou este menu do blog Coldrops e disponibilizou em seu blog. Traduzo e trago para que vocês.

Vá até o Modelo de seu blog, clique em Editar modelo

  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011

Agora procure por: ]]></b:skin>


 

 

Substitua então pelo código abaixo:

/*Menu lateral---------------------------------------------------------------------*/
#bpslidein{
z-index:5;
width:400px;/*largura do menu*/
height:100px;/*comprimento do menu*/
background-color:#fff;/*cor de fundo*/
border-top:3px solid #F45118;/*cor borda*/
padding:10px;
position:fixed;right:-430px;bottom:0;
-moz-box-shadow:-2px 0 5px #aaa;
-webkit-box-shadow:-2px 0 5px #aaa;
box-shadow:-2px 0 5px #aaa;
font-family:Arial, Helvetica, sans-serif;
}
#bpslidein p{
font-size:11px;
text-transform:uppercase;
font-family:Arial,Helvetica,sans-serif;
letter-spacing:1px;
color:#555;
}
#bpslidein_title{
color:#555;
font-weight:700;
font-size:16px;
margin:10px 20px 10px 0;
}
#bpslidein a,#bpslidein a:hover,#bpslidein_title{
text-decoration:none;
color:#F45118;
}
#bpslidein .close,#bpslidein .expand,#bpslidein .help{
border:2px solid #EEE;
cursor:pointer;
color:#9A9AA1;
width:13px;
height:15px;
padding:2px 0 0 5px;
position:absolute;
right:10px;
font-size:17px;
font-weight:700;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#bpslidein .help{
right:35px;
}
#bpslidein_title,#bpslidein_image{
float:left;
width:80px;
}
#bpslidein_title{
width:290px;
}
]]></b:skin>

Salve


Clique em "Expandir modelos de widgets"

Procure então por:

<div class='post-footer-line post-footer-line-1'>

ou

<div class='post-footer-line post-footer-line-1'/>

Abaixo dele, cole o código abaixo:

<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>

Salve. Agora clique em Layout

Clique em Adicionar um Gadget

Ao abrir, clique em  HTML/Javascript

Cole então o próximo código.

<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Recomendo a você</p> <div id="bpslidein_image"></div> <div  id="bpslidein_title">Loading..</div> </div>

<script> var bpslidein_custom_css = true; </script>
<script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://recommended-slide-out-for-blogger.googlecode.com/svn/trunk/bp-out-slide.min.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://www.bloggerplugins.org/2011/12/recommended-post-slide-out-for-blogger.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4uCnIGCD25EJj2PWAATO4XPNDZQOOWdjLyyfzdekKB8TyHQSz8ONcooQsvmAhFtUEBf-w3nDyRycvWRIaY22nzooAItcNnngnxj780q0GCcpBO_rI04aBd0n7tWviLVZ1AYZVwpX6pgo/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a>

»»Leia mais...

Menu com botões sociais flutuante na lateral do Blogger

Depois de muito procurar por este menu para compartilhar seu blog e postagens nas principais redes sociais como Twitter, Facebook e Google Plus, acabei encontrando o código certo e mais fácil de instalar no blog Internovinet. Esse é colocado no HTML/Javascript. Facinho demais.

  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011

Vá até Layout

Clique em Adicionar um Gadget

Ao abrir, clique em  HTML/Javascript

Cole então o código abaixo e salve.
(se quiser que flutue a esquerda, troque o código que está em vermelho pela palavra left)

<!-- Começo código -->
<style type='text/css'>
.dvin{
     border-style:solid;
      border-width: 3px;
     border-color:#e3e3e3;
     padding-top:10px;
     padding-bottom:50px;
     padding-right:2px;
     padding-left:2px;
     border-radius: 6px;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
 }
  .plus {
     text-align: center;  
     margin-top: 5px;
     margin-left: 1px;
 }
 .tweet {
      text-align: center;
      margin-top: 3px;
 }
 .face {
      text-align: center;
      margin-top: 4px;
 }
</style>

<div style='position: fixed; top: 40%; right: 3px'>
<div class='dvin'>
<!-- Google +1 -->
<div class='plus'>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'>{lang: 'pt-BR'};}</script>
<g:plusone size='tall'/>
</g:plusone>
</div>
<!-- Tweet -->  
<div class='tweet'>
 <a class='twitter-share-button' data-count='vertical' data-via='Internovinet' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
<!-- Facebook -->
<div class='face'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>
</div>
</div>
</div>

»»Leia mais...

Customizar a caixa de pesquisa nativa do Blogger

Você acha a caixa de pesquisa do Blogger sem gracinha ? Eu também, por isso resolvi colocar uma corzinha, dar um arzinho de graça a esse widget tão importante em nosso blog.

Para isso, vá até o modelo do blog


Vá até o Modelo de seu blog, clique em Editar modelo e clique em editar HTML.

  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011

Agora procure por: ]]></b:skin>  

 

Acima deste código cole o código abaixo.

/*CustomSearch-----------------------------------------------------*/
#input.gsc-input{margin: 10px 10px; background: #eee; }
.gsc-branding-text, .gsc-branding-img-noclear {display:none;}
input.gsc-search-button {
 -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
font-family:'trebuchet ms';
font-size:18px; padding: 6px 6px;
color:#fff;
background:$(link.color);
border:0px;
font-weight:bold;
}
input.gsc-search-button:hover {
background: $(link.hover.color);
color:#fff;
}
input .gsc-input{ background: #cc0000;
}

div#CustomSearch1.widget.CustomSearch{background: $(link.color); padding: 4px 4px; margin: -20px 0 0 0;}
div#CustomSearch1_form{background: #eee; padding: 8px 8px;-moz-border-radius:2px 2px 2px 2px;-webkit-border-radius: 2px 2px 2px 2px;border-radius:5px 5px 5px 5px;}

Salve.

Se não deu certo, tente este abaixo:

/*CustomSearch-----------------------------------------------------*/
#input.gsc-input{margin: 10px 10px; background: #eee; }
.gsc-branding-text, .gsc-branding-img-noclear {display:none;}
input.gsc-search-button {
 -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
font-family:'trebuchet ms';
font-size:18px; padding: 6px 6px;
color:#fff;
background:#808080;
border:0px;
font-weight:bold;
}
div#CustomSearch1.widget.CustomSearch{background: #cc0000; padding: 4px 4px; margin: -20px 0 0 0;}
div#CustomSearch1_form{background: #000; padding: 8px 8px;-moz-border-radius:2px 2px 2px 2px;-webkit-border-radius: 2px 2px 2px 2px;border-radius:5px 5px 5px 5px;}

»»Leia mais...

Slide azul para o Blogger

Mias um slide pessoal, o mesmo slide porem com personalização diferente...




Vá até o Modelo de seu blog, clique em Editar modelo

  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011

Agora procure por:    ]]></b:skin>  

 

Substitua então pelo código abaixo:

/*Slide------------------------------------------------------------------*/
#slides {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-DPi6okiBhaxl_MCSLZLMJ6IyudbgLM7NLCoDewjnwIqP0oO5-UzmO-ijc47cSV9u0FwTiPBAtYWbjiuXdvpxfenwINbzbgDv2-uc873ELmR6mEIwPQAafbXJdlTZBJmcp9BCtbVt0FzE/s1600/BVS+teen+style+paper13.png); /*Cor do fundo do slide*/
   border: 18px solid #585986;
    border-radius: 7px;
    box-shadow: 2px 2px 4px #7B7479;
    height: 365px;
    margin: 60px auto 8px;
    padding: 15px;
    position: relative;
    width:850px;
}

.slide-imagem {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig7traQl2c4-7uKqhJzuwj9gv6vbQOeB8TyweSJwT9oI6B6iILdZhpugCV-eJ84lsZE8ErhbAc0bg60GeH5ebs1FmJYYB-AQH7ian-_QijirV7cNotd-25YVPMgw3YMtSK0nllUiYv6yAe/s1600/BVS+teen+style+bow05.png) no-repeat scroll left top transparent;
    height: 530px;  /*Aqui você controla a largura da imagem em relação ao slide*/
    top: -211px; /*Aqui você controla a imagem em relação a altura*/
    width: 100%;  /*Aqui você controla o comprimento da imagem em relação ao slide*/
     left: -185px;  /*Aqui você controla a imagem em relação a margem esquerda*/
    position: absolute;
    z-index: 300;
}

.conteudo_slide{
   width: 921px; /*comprimento da iamagem dentro do slide*/
    height: 345px; /*largura da iamgem dentro do slide*/
    overflow: hidden;
    position: relative;
    }

.pagination {
    bottom:  -15px;
    left: 368px;
    margin: 26px auto 0;
    position: absolute;
    width: 200px;
    z-index: 100;
}

.pagination li {
    float: left;
    font-size: 0 !important;
    list-style: none outside none;
    margin: 0 2px;
}

.pagination li a {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibFpsGh2HFMWVBMtpGJtw-KAGqMdw0SZs2XQpgR1aw4NAtR5B3WGeM4uMmIyFuZ4qejYBEs9g28nmnHAW6k4J2rc8mVCJVtvvKnTQeB0rUhZn0WnbZR4aE78QI9rurC9Sw24Oadw9uRgd0/s1600/Image14.png);
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 10px;
    width: 10px;
}

.pagination li.current a { background-position:0 -10px;}


]]></b:skin>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
(function(A){A.fn.slides=function(B){B=A.extend({},A.fn.slides.option,B);return this.each(function(){A("."+B.container,A(this)).children().wrapAll('<div class="slides_control"/>');var V=A(this),J=A(".slides_control",V),Z=J.children().size(),Q=J.children().outerWidth(),M=J.children().outerHeight(),D=B.start-1,L=B.effect.indexOf(",")<0?B.effect:B.effect.replace(" ","").split(",")[0],S=B.effect.indexOf(",")<0?L:B.effect.replace(" ","").split(",")[1],O=0,N=0,C=0,P=0,U,H,I,X,W,T,K,F;function E(c,b,a){if(!H&& U){H=true;B.animationStart(P+1);switch(c){case "next":N=P;O=P+1;O=Z===O?0:O;X=Q*2;c=-Q*2;P=O;break;case "prev":N=P;O=P-1;O=O===-1?Z-1:O;X=0;c=0;P=O;break;case "pagination":O=parseInt(a,10);N=A("."+B.paginationClass+" li."+B.currentClass+" a",V).attr("href").match("[^#/]+$");if(O>N){X=Q*2;c=-Q*2}else{X=0;c=0}P=O;break}if(b==="fade")if(B.crossfade)J.children(":eq("+O+")",V).css({zIndex:10}).fadeIn(B.fadeSpeed,B.fadeEasing,function(){if(B.autoHeight)J.animate({height:J.children(":eq("+O+")",V).outerHeight()}, B.autoHeightSpeed,function(){J.children(":eq("+N+")",V).css({display:"none",zIndex:0});J.children(":eq("+O+")",V).css({zIndex:0});B.animationComplete(O+1);H=false});else{J.children(":eq("+N+")",V).css({display:"none",zIndex:0});J.children(":eq("+O+")",V).css({zIndex:0});B.animationComplete(O+1);H=false}});else J.children(":eq("+N+")",V).fadeOut(B.fadeSpeed,B.fadeEasing,function(){if(B.autoHeight)J.animate({height:J.children(":eq("+O+")",V).outerHeight()},B.autoHeightSpeed,function(){J.children(":eq("+ O+")",V).fadeIn(B.fadeSpeed,B.fadeEasing)});else J.children(":eq("+O+")",V).fadeIn(B.fadeSpeed,B.fadeEasing,function(){if(A.browser.msie)A(this).get(0).style.removeAttribute("filter")});B.animationComplete(O+1);H=false});else{J.children(":eq("+O+")").css({left:X,display:"block"});if(B.autoHeight)J.animate({left:c,height:J.children(":eq("+O+")").outerHeight()},B.slideSpeed,B.slideEasing,function(){J.css({left:-Q});J.children(":eq("+O+")").css({left:Q,zIndex:5});J.children(":eq("+N+")").css({left:Q, display:"none",zIndex:0});B.animationComplete(O+1);H=false});else J.animate({left:c},B.slideSpeed,B.slideEasing,function(){J.css({left:-Q});J.children(":eq("+O+")").css({left:Q,zIndex:5});J.children(":eq("+N+")").css({left:Q,display:"none",zIndex:0});B.animationComplete(O+1);H=false})}if(B.pagination){A("."+B.paginationClass+" li."+B.currentClass,V).removeClass(B.currentClass);A("."+B.paginationClass+" li:eq("+O+")",V).addClass(B.currentClass)}}}function R(){clearInterval(V.data("interval"))}function G(){if(B.pause){clearTimeout(V.data("pause")); clearInterval(V.data("interval"));K=setTimeout(function(){clearTimeout(V.data("pause"));F=setInterval(function(){E("next",L)},B.play);V.data("interval",F)},B.pause);V.data("pause",K)}else R()}if(Z<2)return;if(D<0)D=0;if(D>Z)D=Z-1;if(B.start)P=D;if(B.randomize)J.randomize();A("."+B.container,V).css({overflow:"hidden",position:"relative"});J.children().css({position:"absolute",top:0,left:J.children().outerWidth(),zIndex:0,display:"none"});J.css({position:"relative",width:Q*3,height:M,left:-Q});A("."+ B.container,V).css({display:"block"});if(B.autoHeight){J.children().css({height:"auto"});J.animate({height:J.children(":eq("+D+")").outerHeight()},B.autoHeightSpeed)}if(B.preload&&J.find("img:eq("+D+")").length){A("."+B.container,V).css({background:"url("+B.preloadImage+") no-repeat 50% 50%"});var Y=J.find("img:eq("+D+")").attr("src")+"?"+(new Date).getTime();if(A("img",V).parent().attr("class")!="slides_control")T=J.children(":eq(0)")[0].tagName.toLowerCase();else T=J.find("img:eq("+D+")");J.find("img:eq("+ D+")").attr("src",Y).load(function(){J.find(T+":eq("+D+")").fadeIn(B.fadeSpeed,B.fadeEasing,function(){A(this).css({zIndex:5});A("."+B.container,V).css({background:""});U=true;B.slidesLoaded()})})}else J.children(":eq("+D+")").fadeIn(B.fadeSpeed,B.fadeEasing,function(){U=true;B.slidesLoaded()});if(B.bigTarget){J.children().css({cursor:"pointer"});J.children().click(function(){E("next",L);return false})}if(B.hoverPause&&B.play){J.bind("mouseover",function(){R()});J.bind("mouseleave",function(){G()})}if(B.generateNextPrev){A("."+ B.container,V).after('<a href="#" class="'+B.prev+'">Prev</a>');A("."+B.prev,V).after('<a href="#" class="'+B.next+'">Next</a>')}A("."+B.next,V).click(function(a){a.preventDefault();if(B.play)G();E("next",L)});A("."+B.prev,V).click(function(a){a.preventDefault();if(B.play)G();E("prev",L)});if(B.generatePagination){if(B.prependPagination)V.prepend("<ul class="+B.paginationClass+"></ul>");else V.append("<ul class="+B.paginationClass+"></ul>");J.children().each(function(){A("."+B.paginationClass,V).append('<li><a href="#'+ C+'">'+(C+1)+"</a></li>");C++})}else A("."+B.paginationClass+" li a",V).each(function(){A(this).attr("href","#"+C);C++});A("."+B.paginationClass+" li:eq("+D+")",V).addClass(B.currentClass);A("."+B.paginationClass+" li a",V).click(function(){if(B.play)G();I=A(this).attr("href").match("[^#/]+$");if(P!=I)E("pagination",S,I);return false});A("a.link",V).click(function(){if(B.play)G();I=A(this).attr("href").match("[^#/]+$")-1;if(P!=I)E("pagination",S,I);return false});if(B.play){F=setInterval(function(){E("next", L)},B.play);V.data("interval",F)}})};A.fn.slides.option={preload:false,preloadImage:"/img/loading.gif",container:"conteudo_slide",generateNextPrev:false,next:"next",prev:"prev",pagination:true,generatePagination:true,prependPagination:false,paginationClass:"pagination",currentClass:"current",fadeSpeed:350,fadeEasing:"",slideSpeed:350,slideEasing:"",start:1,effect:"slide",crossfade:false,randomize:false,play:0,pause:0,hoverPause:false,autoHeight:false,autoHeightSpeed:350,bigTarget:false,animationStart:function(){}, animationComplete:function(){},slidesLoaded:function(){}};A.fn.randomize=function(C){function B(){return Math.round(Math.random())-0.5}return A(this).each(function(){var F=A(this);var E=F.children();var D=E.length;if(D>1){E.hide();var G=[];for(i=0;i<D;i++)G[G.length]=i;G=G.sort(B);A.each(G,function(I,H){var K=E.eq(H);var J=K.clone(true);J.show().appendTo(F);if(C!==undefined)C(K,J);K.remove()})}})}})(jQuery);
(function($){var ver="2.9995";if($.support==undefined)$.support={opacity:!$.browser.msie};function debug(s){$.fn.cycle.debug&&log(s)}function log(){window.console&&console.log&&console.log("[cycle] "+Array.prototype.join.call(arguments," "))}$.expr[":"].paused=function(el){return el.cyclePause};$.fn.cycle=function(options,arg2){var o={s:this.selector,c:this.context};if(this.length===0&&options!="stop"){if(!$.isReady&&o.s){log("DOM not ready, queuing slideshow");$(function(){$(o.s,o.c).cycle(options, arg2)});return this}log("terminating; zero elements found by selector"+($.isReady?"":" (DOM not ready)"));return this}return this.each(function(){var opts=handleArguments(this,options,arg2);if(opts===false)return;opts.updateActivePagerLink=opts.updateActivePagerLink||$.fn.cycle.updateActivePagerLink;if(this.cycleTimeout)clearTimeout(this.cycleTimeout);this.cycleTimeout=this.cyclePause=0;var $cont=$(this);var $slides=opts.slideExpr?$(opts.slideExpr,this):$cont.children();var els=$slides.get();var opts2= buildOptions($cont,$slides,els,opts,o);if(opts2===false)return;if(els.length<2){log("terminating; too few slides: "+els.length);return}var startTime=opts2.continuous?10:getTimeout(els[opts2.currSlide],els[opts2.nextSlide],opts2,!opts2.backwards);if(startTime){startTime+=opts2.delay||0;if(startTime<10)startTime=10;debug("first timeout: "+startTime);this.cycleTimeout=setTimeout(function(){go(els,opts2,0,!opts.backwards)},startTime)}})};function triggerPause(cont,byHover,onPager){var opts=$(cont).data("cycle.opts"); var paused=!!cont.cyclePause;if(paused&&opts.paused)opts.paused(cont,opts,byHover,onPager);else if(!paused&&opts.resumed)opts.resumed(cont,opts,byHover,onPager)}function handleArguments(cont,options,arg2){if(cont.cycleStop==undefined)cont.cycleStop=0;if(options===undefined||options===null)options={};if(options.constructor==String){switch(options){case "destroy":case "stop":var opts=$(cont).data("cycle.opts");if(!opts)return false;cont.cycleStop++;if(cont.cycleTimeout)clearTimeout(cont.cycleTimeout); cont.cycleTimeout=0;opts.elements&&$(opts.elements).stop();$(cont).removeData("cycle.opts");if(options=="destroy")destroy(opts);return false;case "toggle":cont.cyclePause=cont.cyclePause===1?0:1;checkInstantResume(cont.cyclePause,arg2,cont);triggerPause(cont);return false;case "pause":cont.cyclePause=1;triggerPause(cont);return false;case "resume":cont.cyclePause=0;checkInstantResume(false,arg2,cont);triggerPause(cont);return false;case "prev":case "next":var opts=$(cont).data("cycle.opts");if(!opts){log('options not found, "prev/next" ignored'); return false}$.fn.cycle[options](opts);return false;default:options={fx:options}}return options}else if(options.constructor==Number){var num=options;options=$(cont).data("cycle.opts");if(!options){log("options not found, can not advance slide");return false}if(num<0||num>=options.elements.length){log("invalid slide index: "+num);return false}options.nextSlide=num;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0}if(typeof arg2=="string")options.oneTimeFx=arg2;go(options.elements, options,1,num>=options.currSlide);return false}return options;function checkInstantResume(isPaused,arg2,cont){if(!isPaused&&arg2===true){var options=$(cont).data("cycle.opts");if(!options){log("options not found, can not resume");return false}if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0}go(options.elements,options,1,!options.backwards)}}}function removeFilter(el,opts){if(!$.support.opacity&&opts.cleartype&&el.style.filter)try{el.style.removeAttribute("filter")}catch(smother){}} function destroy(opts){if(opts.next)$(opts.next).unbind(opts.prevNextEvent);if(opts.prev)$(opts.prev).unbind(opts.prevNextEvent);if(opts.pager||opts.pagerAnchorBuilder)$.each(opts.pagerAnchors||[],function(){this.unbind().remove()});opts.pagerAnchors=null;if(opts.destroy)opts.destroy(opts)}function buildOptions($cont,$slides,els,options,o){var opts=$.extend({},$.fn.cycle.defaults,options||{},$.metadata?$cont.metadata():$.meta?$cont.data():{});var meta=$.isFunction($cont.data)?$cont.data(opts.metaAttr): null;if(meta)opts=$.extend(opts,meta);if(opts.autostop)opts.countdown=opts.autostopCount||els.length;var cont=$cont[0];$cont.data("cycle.opts",opts);opts.$cont=$cont;opts.stopCount=cont.cycleStop;opts.elements=els;opts.before=opts.before?[opts.before]:[];opts.after=opts.after?[opts.after]:[];if(!$.support.opacity&&opts.cleartype)opts.after.push(function(){removeFilter(this,opts)});if(opts.continuous)opts.after.push(function(){go(els,opts,0,!opts.backwards)});saveOriginalOpts(opts);if(!$.support.opacity&& opts.cleartype&&!opts.cleartypeNoBg)clearTypeFix($slides);if($cont.css("position")=="static")$cont.css("position","relative");if(opts.width)$cont.width(opts.width);if(opts.height&&opts.height!="auto")$cont.height(opts.height);if(opts.startingSlide)opts.startingSlide=parseInt(opts.startingSlide,10);else if(opts.backwards)opts.startingSlide=els.length-1;if(opts.random){opts.randomMap=[];for(var i=0;i<els.length;i++)opts.randomMap.push(i);opts.randomMap.sort(function(a,b){return Math.random()-0.5}); opts.randomIndex=1;opts.startingSlide=opts.randomMap[1]}else if(opts.startingSlide>=els.length)opts.startingSlide=0;opts.currSlide=opts.startingSlide||0;var first=opts.startingSlide;$slides.css({position:"absolute",top:0,left:0}).hide().each(function(i){var z;if(opts.backwards)z=first?i<=first?els.length+(i-first):first-i:els.length-i;else z=first?i>=first?els.length-(i-first):first-i:els.length-i;$(this).css("z-index",z)});$(els[first]).css("opacity",1).show();removeFilter(els[first],opts);if(opts.fit)if(!opts.aspect){if(opts.width)$slides.width(opts.width); if(opts.height&&opts.height!="auto")$slides.height(opts.height)}else $slides.each(function(){var $slide=$(this);var ratio=opts.aspect===true?$slide.width()/$slide.height():opts.aspect;if(opts.width&&$slide.width()!=opts.width){$slide.width(opts.width);$slide.height(opts.width/ratio)}if(opts.height&&$slide.height()<opts.height){$slide.height(opts.height);$slide.width(opts.height*ratio)}});if(opts.center&&(!opts.fit||opts.aspect))$slides.each(function(){var $slide=$(this);$slide.css({"margin-left":opts.width? (opts.width-$slide.width())/2+"px":0,"margin-top":opts.height?(opts.height-$slide.height())/2+"px":0})});if(opts.center&&!opts.fit&&!opts.slideResize)$slides.each(function(){var $slide=$(this);$slide.css({"margin-left":opts.width?(opts.width-$slide.width())/2+"px":0,"margin-top":opts.height?(opts.height-$slide.height())/2+"px":0})});var reshape=opts.containerResize&&!$cont.innerHeight();if(reshape){var maxw=0,maxh=0;for(var j=0;j<els.length;j++){var $e=$(els[j]),e=$e[0],w=$e.outerWidth(),h=$e.outerHeight(); if(!w)w=e.offsetWidth||e.width||$e.attr("width");if(!h)h=e.offsetHeight||e.height||$e.attr("height");maxw=w>maxw?w:maxw;maxh=h>maxh?h:maxh}if(maxw>0&&maxh>0)$cont.css({width:maxw+"px",height:maxh+"px"})}var pauseFlag=false;if(opts.pause)$cont.hover(function(){pauseFlag=true;this.cyclePause++;triggerPause(cont,true)},function(){pauseFlag&&this.cyclePause--;triggerPause(cont,true)});if(supportMultiTransitions(opts)===false)return false;var requeue=false;options.requeueAttempts=options.requeueAttempts|| 0;$slides.each(function(){var $el=$(this);this.cycleH=opts.fit&&opts.height?opts.height:$el.height()||this.offsetHeight||this.height||$el.attr("height")||0;this.cycleW=opts.fit&&opts.width?opts.width:$el.width()||this.offsetWidth||this.width||$el.attr("width")||0;if($el.is("img")){var loadingIE=$.browser.msie&&this.cycleW==28&&this.cycleH==30&&!this.complete;var loadingFF=$.browser.mozilla&&this.cycleW==34&&this.cycleH==19&&!this.complete;var loadingOp=$.browser.opera&&(this.cycleW==42&&this.cycleH== 19||this.cycleW==37&&this.cycleH==17)&&!this.complete;var loadingOther=this.cycleH==0&&this.cycleW==0&&!this.complete;if(loadingIE||loadingFF||loadingOp||loadingOther)if(o.s&&opts.requeueOnImageNotLoaded&&++options.requeueAttempts<100){log(options.requeueAttempts," - img slide not loaded, requeuing slideshow: ",this.src,this.cycleW,this.cycleH);setTimeout(function(){$(o.s,o.c).cycle(options)},opts.requeueTimeout);requeue=true;return false}else log("could not determine size of image: "+this.src,this.cycleW, this.cycleH)}return true});if(requeue)return false;opts.cssBefore=opts.cssBefore||{};opts.cssAfter=opts.cssAfter||{};opts.cssFirst=opts.cssFirst||{};opts.animIn=opts.animIn||{};opts.animOut=opts.animOut||{};$slides.not(":eq("+first+")").css(opts.cssBefore);$($slides[first]).css(opts.cssFirst);if(opts.timeout){opts.timeout=parseInt(opts.timeout,10);if(opts.speed.constructor==String)opts.speed=$.fx.speeds[opts.speed]||parseInt(opts.speed,10);if(!opts.sync)opts.speed=opts.speed/2;var buffer=opts.fx== "none"?0:opts.fx=="shuffle"?500:250;while(opts.timeout-opts.speed<buffer)opts.timeout+=opts.speed}if(opts.easing)opts.easeIn=opts.easeOut=opts.easing;if(!opts.speedIn)opts.speedIn=opts.speed;if(!opts.speedOut)opts.speedOut=opts.speed;opts.slideCount=els.length;opts.currSlide=opts.lastSlide=first;if(opts.random){if(++opts.randomIndex==els.length)opts.randomIndex=0;opts.nextSlide=opts.randomMap[opts.randomIndex]}else if(opts.backwards)opts.nextSlide=opts.startingSlide==0?els.length-1:opts.startingSlide- 1;else opts.nextSlide=opts.startingSlide>=els.length-1?0:opts.startingSlide+1;if(!opts.multiFx){var init=$.fn.cycle.transitions[opts.fx];if($.isFunction(init))init($cont,$slides,opts);else if(opts.fx!="custom"&&!opts.multiFx){log("unknown transition: "+opts.fx,"; slideshow terminating");return false}}var e0=$slides[first];if(!opts.skipInitializationCallbacks){if(opts.before.length)opts.before[0].apply(e0,[e0,e0,opts,true]);if(opts.after.length)opts.after[0].apply(e0,[e0,e0,opts,true])}if(opts.next)$(opts.next).bind(opts.prevNextEvent, function(){return advance(opts,1)});if(opts.prev)$(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,0)});if(opts.pager||opts.pagerAnchorBuilder)buildPager(els,opts);exposeAddSlide(opts,els);return opts}function saveOriginalOpts(opts){opts.original={before:[],after:[]};opts.original.cssBefore=$.extend({},opts.cssBefore);opts.original.cssAfter=$.extend({},opts.cssAfter);opts.original.animIn=$.extend({},opts.animIn);opts.original.animOut=$.extend({},opts.animOut);$.each(opts.before, function(){opts.original.before.push(this)});$.each(opts.after,function(){opts.original.after.push(this)})}function supportMultiTransitions(opts){var i,tx,txs=$.fn.cycle.transitions;if(opts.fx.indexOf(",")>0){opts.multiFx=true;opts.fxs=opts.fx.replace(/\s*/g,"").split(",");for(i=0;i<opts.fxs.length;i++){var fx=opts.fxs[i];tx=txs[fx];if(!tx||!txs.hasOwnProperty(fx)||!$.isFunction(tx)){log("discarding unknown transition: ",fx);opts.fxs.splice(i,1);i--}}if(!opts.fxs.length){log("No valid transitions named; slideshow terminating."); return false}}else if(opts.fx=="all"){opts.multiFx=true;opts.fxs=[];for(p in txs){tx=txs[p];if(txs.hasOwnProperty(p)&&$.isFunction(tx))opts.fxs.push(p)}}if(opts.multiFx&&opts.randomizeEffects){var r1=Math.floor(Math.random()*20)+30;for(i=0;i<r1;i++){var r2=Math.floor(Math.random()*opts.fxs.length);opts.fxs.push(opts.fxs.splice(r2,1)[0])}debug("randomized fx sequence: ",opts.fxs)}return true}function exposeAddSlide(opts,els){opts.addSlide=function(newSlide,prepend){var $s=$(newSlide),s=$s[0];if(!opts.autostopCount)opts.countdown++; els[prepend?"unshift":"push"](s);if(opts.els)opts.els[prepend?"unshift":"push"](s);opts.slideCount=els.length;$s.css("position","absolute");$s[prepend?"prependTo":"appendTo"](opts.$cont);if(prepend){opts.currSlide++;opts.nextSlide++}if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg)clearTypeFix($s);if(opts.fit&&opts.width)$s.width(opts.width);if(opts.fit&&opts.height&&opts.height!="auto")$s.height(opts.height);s.cycleH=opts.fit&&opts.height?opts.height:$s.height();s.cycleW=opts.fit&&opts.width? opts.width:$s.width();$s.css(opts.cssBefore);if(opts.pager||opts.pagerAnchorBuilder)$.fn.cycle.createPagerAnchor(els.length-1,s,$(opts.pager),els,opts);if($.isFunction(opts.onAddSlide))opts.onAddSlide($s);else $s.hide()}}$.fn.cycle.resetState=function(opts,fx){fx=fx||opts.fx;opts.before=[];opts.after=[];opts.cssBefore=$.extend({},opts.original.cssBefore);opts.cssAfter=$.extend({},opts.original.cssAfter);opts.animIn=$.extend({},opts.original.animIn);opts.animOut=$.extend({},opts.original.animOut); opts.fxFn=null;$.each(opts.original.before,function(){opts.before.push(this)});$.each(opts.original.after,function(){opts.after.push(this)});var init=$.fn.cycle.transitions[fx];if($.isFunction(init))init(opts.$cont,$(opts.elements),opts)};function go(els,opts,manual,fwd){if(manual&&opts.busy&&opts.manualTrump){debug("manualTrump in go(), stopping active transition");$(els).stop(true,true);opts.busy=0}if(opts.busy){debug("transition active, ignoring new tx request");return}var p=opts.$cont[0],curr= els[opts.currSlide],next=els[opts.nextSlide];if(p.cycleStop!=opts.stopCount||p.cycleTimeout===0&&!manual)return;if(!manual&&!p.cyclePause&&!opts.bounce&&(opts.autostop&&--opts.countdown<=0||opts.nowrap&&!opts.random&&opts.nextSlide<opts.currSlide)){if(opts.end)opts.end(opts);return}var changed=false;if((manual||!p.cyclePause)&&opts.nextSlide!=opts.currSlide){changed=true;var fx=opts.fx;curr.cycleH=curr.cycleH||$(curr).height();curr.cycleW=curr.cycleW||$(curr).width();next.cycleH=next.cycleH||$(next).height(); next.cycleW=next.cycleW||$(next).width();if(opts.multiFx){if(fwd&&(opts.lastFx==undefined||++opts.lastFx>=opts.fxs.length))opts.lastFx=0;else if(!fwd&&(opts.lastFx==undefined||--opts.lastFx<0))opts.lastFx=opts.fxs.length-1;fx=opts.fxs[opts.lastFx]}if(opts.oneTimeFx){fx=opts.oneTimeFx;opts.oneTimeFx=null}$.fn.cycle.resetState(opts,fx);if(opts.before.length)$.each(opts.before,function(i,o){if(p.cycleStop!=opts.stopCount)return;o.apply(next,[curr,next,opts,fwd])});var after=function(){opts.busy=0;$.each(opts.after, function(i,o){if(p.cycleStop!=opts.stopCount)return;o.apply(next,[curr,next,opts,fwd])})};debug("tx firing("+fx+"); currSlide: "+opts.currSlide+"; nextSlide: "+opts.nextSlide);opts.busy=1;if(opts.fxFn)opts.fxFn(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);else if($.isFunction($.fn.cycle[opts.fx]))$.fn.cycle[opts.fx](curr,next,opts,after,fwd,manual&&opts.fastOnEvent);else $.fn.cycle.custom(curr,next,opts,after,fwd,manual&&opts.fastOnEvent)}if(changed||opts.nextSlide==opts.currSlide){opts.lastSlide= opts.currSlide;if(opts.random){opts.currSlide=opts.nextSlide;if(++opts.randomIndex==els.length)opts.randomIndex=0;opts.nextSlide=opts.randomMap[opts.randomIndex];if(opts.nextSlide==opts.currSlide)opts.nextSlide=opts.currSlide==opts.slideCount-1?0:opts.currSlide+1}else if(opts.backwards){var roll=opts.nextSlide-1<0;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=1;opts.currSlide=0}else{opts.nextSlide=roll?els.length-1:opts.nextSlide-1;opts.currSlide=roll?0:opts.nextSlide+1}}else{var roll= opts.nextSlide+1==els.length;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=els.length-2;opts.currSlide=els.length-1}else{opts.nextSlide=roll?0:opts.nextSlide+1;opts.currSlide=roll?els.length-1:opts.nextSlide-1}}}if(changed&&opts.pager)opts.updateActivePagerLink(opts.pager,opts.currSlide,opts.activePagerClass);var ms=0;if(opts.timeout&&!opts.continuous)ms=getTimeout(els[opts.currSlide],els[opts.nextSlide],opts,fwd);else if(opts.continuous&&p.cyclePause)ms=10;if(ms>0)p.cycleTimeout= setTimeout(function(){go(els,opts,0,!opts.backwards)},ms)}$.fn.cycle.updateActivePagerLink=function(pager,currSlide,clsName){$(pager).each(function(){$(this).children().removeClass(clsName).eq(currSlide).addClass(clsName)})};function getTimeout(curr,next,opts,fwd){if(opts.timeoutFn){var t=opts.timeoutFn.call(curr,curr,next,opts,fwd);while(opts.fx!="none"&&t-opts.speed<250)t+=opts.speed;debug("calculated timeout: "+t+"; speed: "+opts.speed);if(t!==false)return t}return opts.timeout}$.fn.cycle.next= function(opts){advance(opts,1)};$.fn.cycle.prev=function(opts){advance(opts,0)};function advance(opts,moveForward){var val=moveForward?1:-1;var els=opts.elements;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0}if(opts.random&&val<0){opts.randomIndex--;if(--opts.randomIndex==-2)opts.randomIndex=els.length-2;else if(opts.randomIndex==-1)opts.randomIndex=els.length-1;opts.nextSlide=opts.randomMap[opts.randomIndex]}else if(opts.random)opts.nextSlide=opts.randomMap[opts.randomIndex]; else{opts.nextSlide=opts.currSlide+val;if(opts.nextSlide<0){if(opts.nowrap)return false;opts.nextSlide=els.length-1}else if(opts.nextSlide>=els.length){if(opts.nowrap)return false;opts.nextSlide=0}}var cb=opts.onPrevNextEvent||opts.prevNextClick;if($.isFunction(cb))cb(val>0,opts.nextSlide,els[opts.nextSlide]);go(els,opts,1,moveForward);return false}function buildPager(els,opts){var $p=$(opts.pager);$.each(els,function(i,o){$.fn.cycle.createPagerAnchor(i,o,$p,els,opts)});opts.updateActivePagerLink(opts.pager, opts.startingSlide,opts.activePagerClass)}$.fn.cycle.createPagerAnchor=function(i,el,$p,els,opts){var a;if($.isFunction(opts.pagerAnchorBuilder)){a=opts.pagerAnchorBuilder(i,el);debug("pagerAnchorBuilder("+i+", el) returned: "+a)}else a='<a href="#">'+(i+1)+"</a>";if(!a)return;var $a=$(a);if($a.parents("body").length===0){var arr=[];if($p.length>1){$p.each(function(){var $clone=$a.clone(true);$(this).append($clone);arr.push($clone[0])});$a=$(arr)}else $a.appendTo($p)}opts.pagerAnchors=opts.pagerAnchors|| [];opts.pagerAnchors.push($a);var pagerFn=function(e){e.preventDefault();opts.nextSlide=i;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0}var cb=opts.onPagerEvent||opts.pagerClick;if($.isFunction(cb))cb(opts.nextSlide,els[opts.nextSlide]);go(els,opts,1,opts.currSlide<i)};if(/mouseenter|mouseover/i.test(opts.pagerEvent))$a.hover(pagerFn,function(){});else $a.bind(opts.pagerEvent,pagerFn);if(!/^click/.test(opts.pagerEvent)&&!opts.allowPagerClickBubble)$a.bind("click.cycle", function(){return false});var cont=opts.$cont[0];var pauseFlag=false;if(opts.pauseOnPagerHover)$a.hover(function(){pauseFlag=true;cont.cyclePause++;triggerPause(cont,true,true)},function(){pauseFlag&&cont.cyclePause--;triggerPause(cont,true,true)})};$.fn.cycle.hopsFromLast=function(opts,fwd){var hops,l=opts.lastSlide,c=opts.currSlide;if(fwd)hops=c>l?c-l:opts.slideCount-l;else hops=c<l?l-c:l+opts.slideCount-c;return hops};function clearTypeFix($slides){debug("applying clearType background-color hack"); function hex(s){s=parseInt(s,10).toString(16);return s.length<2?"0"+s:s}function getBg(e){for(;e&&e.nodeName.toLowerCase()!="html";e=e.parentNode){var v=$.css(e,"background-color");if(v&&v.indexOf("rgb")>=0){var rgb=v.match(/\d+/g);return"#"+hex(rgb[0])+hex(rgb[1])+hex(rgb[2])}if(v&&v!="transparent")return v}return"#ffffff"}$slides.each(function(){$(this).css("background-color",getBg(this))})}$.fn.cycle.commonReset=function(curr,next,opts,w,h,rev){$(opts.elements).not(curr).hide();if(typeof opts.cssBefore.opacity== "undefined")opts.cssBefore.opacity=1;opts.cssBefore.display="block";if(opts.slideResize&&w!==false&&next.cycleW>0)opts.cssBefore.width=next.cycleW;if(opts.slideResize&&h!==false&&next.cycleH>0)opts.cssBefore.height=next.cycleH;opts.cssAfter=opts.cssAfter||{};opts.cssAfter.display="none";$(curr).css("zIndex",opts.slideCount+(rev===true?1:0));$(next).css("zIndex",opts.slideCount+(rev===true?0:1))};$.fn.cycle.custom=function(curr,next,opts,cb,fwd,speedOverride){var $l=$(curr),$n=$(next);var speedIn= opts.speedIn,speedOut=opts.speedOut,easeIn=opts.easeIn,easeOut=opts.easeOut;$n.css(opts.cssBefore);if(speedOverride){if(typeof speedOverride=="number")speedIn=speedOut=speedOverride;else speedIn=speedOut=1;easeIn=easeOut=null}var fn=function(){$n.animate(opts.animIn,speedIn,easeIn,function(){cb()})};$l.animate(opts.animOut,speedOut,easeOut,function(){$l.css(opts.cssAfter);if(!opts.sync)fn()});if(opts.sync)fn()};$.fn.cycle.transitions={fade:function($cont,$slides,opts){$slides.not(":eq("+opts.currSlide+ ")").css("opacity",0);opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.opacity=0});opts.animIn={opacity:1};opts.animOut={opacity:0};opts.cssBefore={top:0,left:0}}};$.fn.cycle.ver=function(){return ver};$.fn.cycle.defaults={activePagerClass:"activeSlide",after:null,allowPagerClickBubble:false,animIn:null,animOut:null,aspect:false,autostop:0,autostopCount:0,backwards:false,before:null,center:null,cleartype:!$.support.opacity,cleartypeNoBg:false,containerResize:1, continuous:0,cssAfter:null,cssBefore:null,delay:0,easeIn:null,easeOut:null,easing:null,end:null,fastOnEvent:0,fit:0,fx:"fade",fxFn:null,height:"auto",manualTrump:true,metaAttr:"cycle",next:null,nowrap:0,onPagerEvent:null,onPrevNextEvent:null,pager:null,pagerAnchorBuilder:null,pagerEvent:"click.cycle",pause:0,pauseOnPagerHover:0,prev:null,prevNextEvent:"click.cycle",random:0,randomizeEffects:1,requeueOnImageNotLoaded:true,requeueTimeout:250,rev:0,shuffle:null,skipInitializationCallbacks:false,slideExpr:null, slideResize:1,speed:1E3,speedIn:null,speedOut:null,startingSlide:0,sync:1,timeout:4E3,timeoutFn:null,updateActivePagerLink:null,width:null}})(jQuery); (function($){$.fn.cycle.transitions.none=function($cont,$slides,opts){opts.fxFn=function(curr,next,opts,after){$(next).show();$(curr).hide();after()}};$.fn.cycle.transitions.fadeout=function($cont,$slides,opts){$slides.not(":eq("+opts.currSlide+")").css({display:"block","opacity":1});opts.before.push(function(curr,next,opts,w,h,rev){$(curr).css("zIndex",opts.slideCount+(!rev===true?1:0));$(next).css("zIndex",opts.slideCount+(!rev===true?0:1))});opts.animIn.opacity=1;opts.animOut.opacity=0;opts.cssBefore.opacity= 1;opts.cssBefore.display="block";opts.cssAfter.zIndex=0};$.fn.cycle.transitions.scrollUp=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssBefore.top=h;opts.cssBefore.left=0;opts.cssFirst.top=0;opts.animIn.top=0;opts.animOut.top=-h};$.fn.cycle.transitions.scrollDown=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssFirst.top=0;opts.cssBefore.top= -h;opts.cssBefore.left=0;opts.animIn.top=0;opts.animOut.top=h};$.fn.cycle.transitions.scrollLeft=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst.left=0;opts.cssBefore.left=w;opts.cssBefore.top=0;opts.animIn.left=0;opts.animOut.left=0-w};$.fn.cycle.transitions.scrollRight=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst.left=0; opts.cssBefore.left=-w;opts.cssBefore.top=0;opts.animIn.left=0;opts.animOut.left=w};$.fn.cycle.transitions.scrollHorz=function($cont,$slides,opts){$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts,fwd){if(opts.rev)fwd=!fwd;$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.left=fwd?next.cycleW-1:1-next.cycleW;opts.animOut.left=fwd?-curr.cycleW:curr.cycleW});opts.cssFirst.left=0;opts.cssBefore.top=0;opts.animIn.left=0;opts.animOut.top=0};$.fn.cycle.transitions.scrollVert= function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push(function(curr,next,opts,fwd){if(opts.rev)fwd=!fwd;$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.top=fwd?1-next.cycleH:next.cycleH-1;opts.animOut.top=fwd?curr.cycleH:-curr.cycleH});opts.cssFirst.top=0;opts.cssBefore.left=0;opts.animIn.top=0;opts.animOut.left=0};$.fn.cycle.transitions.slideX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr, next,opts,false,true);opts.animIn.width=next.cycleW});opts.cssBefore.left=0;opts.cssBefore.top=0;opts.cssBefore.width=0;opts.animIn.width="show";opts.animOut.width=0};$.fn.cycle.transitions.slideY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH});opts.cssBefore.left=0;opts.cssBefore.top=0;opts.cssBefore.height=0;opts.animIn.height="show";opts.animOut.height=0}; $.fn.cycle.transitions.shuffle=function($cont,$slides,opts){var i,w=$cont.css("overflow","visible").width();$slides.css({left:0,top:0});opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true)});if(!opts.speedAdjusted){opts.speed=opts.speed/2;opts.speedAdjusted=true}opts.random=0;opts.shuffle=opts.shuffle||{left:-w,top:15};opts.els=[];for(i=0;i<$slides.length;i++)opts.els.push($slides[i]);for(i=0;i<opts.currSlide;i++)opts.els.push(opts.els.shift());opts.fxFn= function(curr,next,opts,cb,fwd){if(opts.rev)fwd=!fwd;var $el=fwd?$(curr):$(next);$(next).css(opts.cssBefore);var count=opts.slideCount;$el.animate(opts.shuffle,opts.speedIn,opts.easeIn,function(){var hops=$.fn.cycle.hopsFromLast(opts,fwd);for(var k=0;k<hops;k++)fwd?opts.els.push(opts.els.shift()):opts.els.unshift(opts.els.pop());if(fwd)for(var i=0,len=opts.els.length;i<len;i++)$(opts.els[i]).css("z-index",len-i+count);else{var z=$(curr).css("z-index");$el.css("z-index",parseInt(z,10)+1+count)}$el.animate({left:0, top:0},opts.speedOut,opts.easeOut,function(){$(fwd?this:curr).hide();if(cb)cb()})})};$.extend(opts.cssBefore,{display:"block",opacity:1,top:0,left:0})};$.fn.cycle.transitions.turnUp=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=next.cycleH;opts.animIn.height=next.cycleH;opts.animOut.width=next.cycleW});opts.cssFirst.top=0;opts.cssBefore.left=0;opts.cssBefore.height=0;opts.animIn.top=0;opts.animOut.height= 0};$.fn.cycle.transitions.turnDown=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH});opts.cssFirst.top=0;opts.cssBefore.left=0;opts.cssBefore.top=0;opts.cssBefore.height=0;opts.animOut.height=0};$.fn.cycle.transitions.turnLeft=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left= next.cycleW;opts.animIn.width=next.cycleW});opts.cssBefore.top=0;opts.cssBefore.width=0;opts.animIn.left=0;opts.animOut.width=0};$.fn.cycle.transitions.turnRight=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW});$.extend(opts.cssBefore,{top:0,left:0,width:0});opts.animIn.left=0;opts.animOut.width=0};$.fn.cycle.transitions.zoom=function($cont,$slides,opts){opts.before.push(function(curr, next,opts){$.fn.cycle.commonReset(curr,next,opts,false,false,true);opts.cssBefore.top=next.cycleH/2;opts.cssBefore.left=next.cycleW/2;$.extend(opts.animIn,{top:0,left:0,width:next.cycleW,height:next.cycleH});$.extend(opts.animOut,{width:0,height:0,top:curr.cycleH/2,left:curr.cycleW/2})});opts.cssFirst.top=0;opts.cssFirst.left=0;opts.cssBefore.width=0;opts.cssBefore.height=0};$.fn.cycle.transitions.fadeZoom=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr, next,opts,false,false);opts.cssBefore.left=next.cycleW/2;opts.cssBefore.top=next.cycleH/2;$.extend(opts.animIn,{top:0,left:0,width:next.cycleW,height:next.cycleH})});opts.cssBefore.width=0;opts.cssBefore.height=0;opts.animOut.opacity=0};$.fn.cycle.transitions.blindX=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW});opts.cssBefore.left= w;opts.cssBefore.top=0;opts.animIn.left=0;opts.animOut.left=w};$.fn.cycle.transitions.blindY=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH});opts.cssBefore.top=h;opts.cssBefore.left=0;opts.animIn.top=0;opts.animOut.top=h};$.fn.cycle.transitions.blindZ=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();var w= $cont.width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH});opts.cssBefore.top=h;opts.cssBefore.left=w;opts.animIn.top=0;opts.animIn.left=0;opts.animOut.top=h;opts.animOut.left=w};$.fn.cycle.transitions.growX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=this.cycleW/2;opts.animIn.left=0;opts.animIn.width=this.cycleW; opts.animOut.left=0});opts.cssBefore.top=0;opts.cssBefore.width=0};$.fn.cycle.transitions.growY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=this.cycleH/2;opts.animIn.top=0;opts.animIn.height=this.cycleH;opts.animOut.top=0});opts.cssBefore.height=0;opts.cssBefore.left=0};$.fn.cycle.transitions.curtainX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next, opts,false,true,true);opts.cssBefore.left=next.cycleW/2;opts.animIn.left=0;opts.animIn.width=this.cycleW;opts.animOut.left=curr.cycleW/2;opts.animOut.width=0});opts.cssBefore.top=0;opts.cssBefore.width=0};$.fn.cycle.transitions.curtainY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false,true);opts.cssBefore.top=next.cycleH/2;opts.animIn.top=0;opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH/2;opts.animOut.height=0});opts.cssBefore.height= 0;opts.cssBefore.left=0};$.fn.cycle.transitions.cover=function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);if(d=="right")opts.cssBefore.left=-w;else if(d=="up")opts.cssBefore.top=h;else if(d=="down")opts.cssBefore.top=-h;else opts.cssBefore.left=w});opts.animIn.left=0;opts.animIn.top=0;opts.cssBefore.top=0;opts.cssBefore.left=0};$.fn.cycle.transitions.uncover= function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(d=="right")opts.animOut.left=w;else if(d=="up")opts.animOut.top=-h;else if(d=="down")opts.animOut.top=h;else opts.animOut.left=-w});opts.animIn.left=0;opts.animIn.top=0;opts.cssBefore.top=0;opts.cssBefore.left=0};$.fn.cycle.transitions.toss=function($cont,$slides,opts){var w=$cont.css("overflow", "visible").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(!opts.animOut.left&&!opts.animOut.top)$.extend(opts.animOut,{left:w*2,top:-h/2,opacity:0});else opts.animOut.opacity=0});opts.cssBefore.left=0;opts.cssBefore.top=0;opts.animIn.left=0};$.fn.cycle.transitions.wipe=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.cssBefore=opts.cssBefore||{};var clip;if(opts.clip)if(/l2r/.test(opts.clip))clip= "rect(0px 0px "+h+"px 0px)";else if(/r2l/.test(opts.clip))clip="rect(0px "+w+"px "+h+"px "+w+"px)";else if(/t2b/.test(opts.clip))clip="rect(0px "+w+"px 0px 0px)";else if(/b2t/.test(opts.clip))clip="rect("+h+"px "+w+"px "+h+"px 0px)";else if(/zoom/.test(opts.clip)){var top=parseInt(h/2,10);var left=parseInt(w/2,10);clip="rect("+top+"px "+left+"px "+top+"px "+left+"px)"}opts.cssBefore.clip=opts.cssBefore.clip||clip||"rect(0px 0px 0px 0px)";var d=opts.cssBefore.clip.match(/(\d+)/g);var t=parseInt(d[0], 10),r=parseInt(d[1],10),b=parseInt(d[2],10),l=parseInt(d[3],10);opts.before.push(function(curr,next,opts){if(curr==next)return;var $curr=$(curr),$next=$(next);$.fn.cycle.commonReset(curr,next,opts,true,true,false);opts.cssAfter.display="block";var step=1,count=parseInt(opts.speedIn/13,10)-1;(function f(){var tt=t?t-parseInt(step*(t/count),10):0;var ll=l?l-parseInt(step*(l/count),10):0;var bb=b<h?b+parseInt(step*((h-b)/count||1),10):h;var rr=r<w?r+parseInt(step*((w-r)/count||1),10):w;$next.css({clip:"rect("+ tt+"px "+rr+"px "+bb+"px "+ll+"px)"});step++<=count?setTimeout(f,13):$curr.css("display","none")})()});$.extend(opts.cssBefore,{display:"block",opacity:1,top:0,left:0});opts.animIn={left:0};opts.animOut={left:0}}})(jQuery);
//]]></script>

Procure agora por:

<div class='tabs-outer'>

E troque-o por este código abaixo, colocando nos locais que estão marcados com a cor azul, o endereço de suas imagens.(Cuidado para não apagar as aspas)

<div class='clear'/>
<div id='slides'>
<div class='slide-imagem'/>
<div class='conteudo_slide'>
<a href='#'><img height='365' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFuqWtsrJFTwMhuPNutbLswK3q0VU1KKfJSC0TlKeekkT2UKPowET7pPthn5vvE_xU_9B02u7nulzrwL1K10gwDvdOFmqvQgrdv8rA9loPFcydKlVJZncVkSByqgunI6ZFSYucVdVnGPbM/s1600/bebe-dormindo.bmp' width='850'/></a>
<a href='#'><img height='365' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT0H5oupHQR0s_VgHL7Zycn11nVP6y89jS8v6rQH5cOsQLJ_7XQvFN2r2zh6uaGWEP3xMFn4CTWuwd_5eWZVCGzXuVvRMAPmd83KaO9xEh7duvq6iRYgohw3JwaUAW08wSdftJiJZhYS9U/s1600/bebe-cobertor.jpg' width='850'/></a>
<a href='#'> <img height='365' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhox1eYrDzJw-VnpWwlQUpqeXylcMIgpF93owu3l5soqoIjOv1RjWq_cHraznCwG4WMH5GQHtsh0rJjUhNnaMh_OxrIUbNlYkI3lGzuEjl1WUCI385yg0j9WuI7bOZLr6PQ4rfYyachgVCK/s1600/19473691_1.jpg' width='850'/></a>
<a href='#'><img height='365' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzi-bOjSonA56wKCLbsQ0TCDezAlgVTasuuJ16FhhTavdVK8ytGaw9_wjNDuYSkapDcXcQxAShp64B2Cd8pvTqXyncGENEFulJquhEsQhVoE8ejwpPAMTGQhIpU5RsJei88ypXdFcJVvcH/s1600/bebe_choramd.jpg' width='850'/></a>
</div>
</div>

<script type='text/javascript'>
jQuery(document).ready(function(){$(&quot;#slides&quot;).slides({preload:true,preloadImage:&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQjXK6soh5WixbDZ_4cmsvnrQ3-_47ogXDp8TSTqCkGfux4NrOQKOMFmWuFpI683CnV5tpvF3e9P_RnVuQ17RDgu6jAElt8bp84e-WSLu68qxYbSJU3xTVrDrQ9q8tvwZlTef4DWMNvHw/s1600/loading+(2).gif&quot;,play:5E3,pause:1E3,hoverPause:true})});
</script>

    <div class='tabs-outer'>

»»Leia mais...