#a dica ee - a dica é ...►INICIO◄: dicasadicaee

Pesquisar

Mostrando postagens com marcador dicas. Mostrar todas as postagens
Mostrando postagens com marcador dicas. Mostrar todas as postagens

Conheça: "Alimentos que causam prisão de ventre" e "Alimentos para evitar a prisão de ventre "

Conheça cinco alimentos que causam prisão de ventre e saiba como combatê-la

Conheça, também, 


cinco alimentos que

 

ajudam 


no funcionamento do intestino



Banana (Foto: Getty Images)Evite a banana (Foto: Getty Images)
Por Renata Pinheiro


Você tem seguido a dieta à risca, mas o resultado não está vindo à tona? Já parou para se dar conta de como está o funcionamento do seu intestino? Provavelmente, vai mal e isso pode levar todo o seu sacrifício por água abaixo. Seu corpo pode estar acumulando o que deveria ser eliminado. 

O intestino preso pode representar alguns quilos extras na balança, pois leva à retenção de líquidos, absorvidos pela formação e o armazenamento em excesso do bolo fecal. Além disso, o volume fecal parado no nosso organismo sofre fermentação, o que pode levar a uma distensão abdominal e, consequentemente, um inchaço natural. Para driblar o problema, investir em fibras é essencial", explica o endocrinologista Alfredo Cury, do Spa Posse do Corpo.

As causas mais comuns da prisão de ventre costumam ser a dieta pobre em fibras, a pequena ingestão de líquidos e o consumo excessivo de proteína animal e de alimentos industrializados. Demorar para ir ao banheiro quando sente necessidade também pode comprometer o funcionamento regular dos intestinos.
Se você evacua menos de três vezes por semana e, quando evacua, tem dificuldade para eliminar as fezes, está na hora de rever a sua alimentação, pois sua salvação pode estar nela - e sua perdição, também. 

Na lista, abaixo, especialistas apontam o que você deve comer para evitar a prisão de ventre e o que você deve excluir da sua alimentação.
Alimentos que causam prisão de ventre

1

Cereais refinados

Biscoitos, massas e pães com farinha refinada e arroz branco entram nesta lista."São pobres em fibras e vitaminas que contribuem para a contração intestinal. Também contribuem para maior formação de gazes, o que estufa a barriga e causa incômodo", explica a nutricionista Isabel Jeirissati.

Bolacha de água e sal, por exemplo, sempre recomendada em dietas de baixa caloria, é um perigo para a prisão de ventre. "É rica em carboidratos refinados, pois não é feita com farinha integral, e pode contar gordura trans, o que favorece a prisão de ventre", explica o endocrinologista Alfredo Cury do Spa Posse do Corpo.
2


Goiaba


Está aí uma fruta que você acreditava ser inofensiva para a sua dieta. E até é, por um lado, por ser pouco calória. 100g possui, em média, apenas 54 calorias. Mas, em contrapartida, a goiba é uma vilã para o funcionamento do intestino, segundo Isabel Jeirissati. "Por possuir alto teor de fibra solúvel, a fruta favorece o retardo do funcionamento intestinal", explica a nutricionista.
3

Banana


A banana retém líquidos, ressecando as fezes e fazendo com que tenham mais dificuldade para sair do corpo. Portanto, não é indicada para quem sofre de prisão de ventre, segundo o endocrinologista Alfredo Cury, do Spa Posse do Corpo"Quando está madura, ela favorece a formação do bolo fecal por apresentar fibras alimentares", acrescenta ele.

Isabel Jeirissati explica, também, que a banana contém fibras e carboidratos que tornam o transito intestinal mais lento.
4


Refrigerantes


"São ricos em açúcar e diversas substâncias químicas que prejudicam a atuação das bactérias benéficas do intestino e favorecem a proliferação de bactérias perigosas", explica o endocrinologista Alfredo Cury, do Spa Posse do Corpo.
5

Salgadinhos fritos

Se no dia que você resolve tirar folga da dieta, cai de boca nesses quitutes, saiba que o prejuízo pode ser maior do que você pensa. "Coxinha, bolinha de queijo e outros salgados fritos podem piorar o quadro de intestino preso. São alimentos pobres em fibras e ricos em carboidratos simples e gorduras saturadas e trans", diz o endocrinologista Alfredo Cury, do Spa Posse do Corpo.

Alimentos para evitar a prisão de ventre 



Abacate


O abacate não costuma ser muito consumido em dietas, por ser uma das frutas mais ricas em gordura. Apesar dessa gordura ser saudável, ela tem muitas 
2

Ameixa seca

Segundo Alfredo Cury, a ameixa preta possui alta quantidade de fibras e é uma potente estimuladora de motilidade intestinal. "Contém o ácido diidroxifenil isatina e o sorbitol, substâncias com efeito de absorver mais água do organismo, que aliado às fibras, acelera o trânsito intestinal", explica.
"Também é rica em vitamina A e K, que tonificam o intestino", acrescenta a nutricionista Isabel Jereissati.
3


Água


Água é mesmo um santo remédio. Tome o quanto e o máximo que puder. "80% do peso das fezes é constituída de água e a ingestão hídrica de cerca de dois litros por dia é fundamental para que as fibras possam agir e alterem o peso e a maciez das fezes e facilitem a formação do bolo fecal e dos movimentos intestinais", explica a nutricionista.
4

Gema de ovo


O ovo é sempre objeto de pesquisas. Mas uma coisa a nutricionista Isabel Jeirissati garante: combate a prisão de ventre. "Rica em gordura e com grande capacidade de absorver água, a gema auxilia a trânsito intestinal aumentando o bolo fecal", explica ela.
5

Abóbora


"A fruta, que tem alto teor de fibras, zinco, potássio e ferro, ajuda no equilíbrio da flora intestinal se consumida, no mínimo, três vezes na semana", ensina o endocrinologista Alfredo Cury, do Spa Posse do Corpo.



fonte:
gnt globo





Mensagem do formulário de comentário:
"comentários de anônimos, não serão publicados, e aqui... 
...não é local para desentendimentos e discórdias! 
Seja bastante educado! Frequenta qual escola, ou frequentou?
 ...ou a educação vem de berço?

Indicação de Parceiros - spider - Entenda +

spider.ad/site/sign_partners/affiliate

Indicação de Parceiros

Parcerias Spider 

Além de gerar receita com nossos formatos, 
você pode ganhar mais ao indicar a Spider.Ad 
em seu site! 

Divulgue a Spider colocando o link gerado abaixo ou 
um dos banners que disponibilizamos dentro de seu site. 

Você será recompensado por cada parceiro aprovado em nossa rede! 

Quanto mais sites aprovados e ativos mais você poderá ganhar!


spider.ad/site/sign_partners/affiliate

 
120x50

300x90
234x60




125x125 




Mensagem do formulário de comentário:
"comentários de anônimos, não serão publicados, e aqui... 
...não é local para desentendimentos e discórdias! 
Seja bastante educado! Frequenta qual escola, ou frequentou?
 ...ou a educação vem de berço?

Blogues com caixa de rolagem

Aqui neste espaço... 
Apenas divulgo e indico... 
Posts, notícias, dicas etc. 
 com devidas fontes  e créditos:    


Blogues com caixa de rolagem

"Às vezes queremos adicionar muitos blogs na lista de atualizações que mostramos (lista de blogs) e a nossa página começa a ficar cheia, uma boa solução para esse problema é colocar uma barra de rolagem com a lista dos blogs. Para fazer isso é bem simples:

Entra na página editar HTML

...procura pelo início de tua lista de blogs, um jeito fácil de a encontrar é procurar pelo titulo que usas na tua lista."

<b:widget id='BlogList1' locked='false' title='Meus outros Blogs' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>


<div style="height: 200px;overflow: auto; border:1px solid #000000">
<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>


Repara na linha em negrito e vermelho, no teu blog essa linha não existe, pois foi justamente isso que modifiquei para colocar a barra de rolagem, o valor 200 que está na mesma linha é o tamanho da barra, então podes mudar para o numero que achares melhor.


Onde diz :1px solid #000000 é a borda,
se não gostas assim é só apagar esse bocado do código, mas cuidado para não apagares as aspas, nem outros sinais.

...em seguida:

..."vamos fechar essa div(estilo) que usamos aqui"

Um pouco mais para baixo no código, encontrarás isto:

<a href='javascript:void(0)'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>

<b:include name='quickedit'/>
</div>
</div></div>
</b:includable>
</b:widget>


Cuidado para não te confundires e achares que já tens uma div fechada, essa que já estava no blog pertencia ao código original, então precisamos adicionar mais uma(essa que está em negrito e vermelho, não estava no modelo original do blog).


Feito isso é só clicar para visualizar e depois salvar se estiver tudo correto.


"Essa é uma boa maneira de poupar espaço e ainda dá um novo visual com a barra de rolagem na lista de blogs."

fonte:
laranabackground



Mensagem do formulário de comentário:
"comentários de anônimos, não serão publicados, e aqui... 
...não é local para desentendimentos e discórdias! 
Seja bastante educado! Frequenta qual escola, ou frequentou?
 ...ou a educação vem de berço?

veja como se faz: "Widget de últimas postagens no blog estilo ss de jornalismoit"



fonte:
templateseacessorios


Veja como se faz: "Widget de últimas postagens no blog estilo ss de jornalismoit"



"Widget de últimas postagens no blog estilo ss de jornalismoit"



..."este código o script ficará hospedado no próprio blog."

Passo-a-passo

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




Hack para o template do Blogger, 
implementado em abril de 2013."






Clique no botão "Editar modelo" e 

depois nas teclas Ctrl e F. 

Ao abrir a janela, procure pelo seguinte trecho:


Procure por ]]></b:skin> 

Ao encontrá-lo,

abaixo dele, cole o próximo código:

<script type='text/javascript'>
//<![CDATA[
imgr=new Array();
imgr[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaW5Cp-J_ZAyTlIlrB2LQ_Yw9aOQVraNpINdQBk5jBQQSbjgXUrHJg9yElTMGp2Oqw8-tN4VT27fF9Zh4wI_oQ2wuV9io5o5skS2Ekqd2-Cj2JIgfHYagjYiQ6g57pbTnKtdYlgNRT3Qw/s1600/no+image.jpg";
showRandomImg=true;
aBold=true;
summaryPost=150;
summaryPost1=20;
summaryTitle=15;
numposts=6;
numposts1=6;
numposts2=3;
numposts3=6;
numposts4=5;
numposts5=12;
function removeHtmlTag(strx,chop){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)}}s=s.join("");s=s.substring(0,chop-1);return s}
function showrecentposts2(json){
j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;
img=new Array();
if(numposts1<=json.feed.entry.length){maxpost=numposts4}else{maxpost=json.feed.entry.length}for(var i=0;
i<maxpost;i++){var entry=json.feed.entry[i];
var posttitle=entry.title.$t;
var pcm;
var posturl;
if(i==json.feed.entry.length)break;
for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;
break}
}
for(var k=0;
k<entry.link.length;
k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];
break}}
if("content"in entry){var postcontent=entry.content.$t}
else
if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";
postdate=entry.published.$t;
if(j>imgr.length-1)j=0;img[i]="";
s=postcontent;
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!="")){if(i==0){img[i]='<img width="295" height="180" class="alignone" src="'+d+'"/>'}else{img[i]='<img class="alignright" height="70" src="'+d+'" width="70"/>'}}var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day=postdate.split("-")[2].substring(0,2);
var m=postdate.split("-")[1];
var y=postdate.split("-")[0];
for(var u2=0;u2<month.length;
u2++){if(parseInt(m)==month[u2]){m=month2[u2];
break}}var daystr=day+' '+m+' '+y;
if(i==0){var trtd='<div class="mastoras_wide left"><div class="thumb"><a href="'+posturl+'">'+img[i]+'</a></div><div class="featuredPost lastPost"><h2 class="postTitle"><a href="'+posturl+'">'+posttitle+'</a></h2> <p>'+removeHtmlTag(postcontent,summaryPost)+'...</p><div class="clear"></div><span class="featuredPostMeta"><a href="'+posturl+'"></a></span></div></div><div class="mastoras_narrow right">';
         document.write(trtd)}if((i>0)&&(i<maxpost)){var trtd='<div class="mastoras_narrow"><div class="thumb"><a href="'+posturl+'">'+img[i]+'</a></div><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div>'+removeHtmlTag(postcontent,summaryPost1)+'...<div class="clear"></div></div>';
document.write(trtd)}j++}document.write('</div>')}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img  = new Array();

   for (var i = 0; i < numposts; i++) {
     var entry = json.feed.entry[i];
     var posttitle = entry.title.$t;
var pcm;
     var posturl;
     if (i == json.feed.entry.length) break;
     for (var k = 0; k < entry.link.length; k++) {
       if (entry.link[k].rel == 'alternate') {
         posturl = entry.link[k].href;
         break;
       }
     }

for (var k = 0; k < entry.link.length; k++) {
       if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
         pcm = entry.link[k].title.split(" ")[0];
         break;
       }
     }

     if ("content" in entry) {
       var postcontent = entry.content.$t;}
     else
     if ("summary" in entry) {
       var postcontent = entry.summary.$t;}
     else var postcontent = "";
    
     postdate = entry.published.$t;

if(j>imgr.length-1) j=0;
img[i] = imgr[j];

s = postcontent ; 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!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = day+ ' ' + m + ' ' + y ;

var trtd = '<li style="position:relative;"><div class="imgauto"><a href="'+posturl+'"><img  src="'+img[i]+'"/></a></div><h3><a href="'+posturl+'">'+posttitle+'</a><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p></h3></li>';
document.write(trtd);    

  j++;
}

}


function showrecentposts1(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img  = new Array();
 
   for (var i = 0; i < numposts; i++) {
     var entry = json.feed.entry[i];
     var posttitle = entry.title.$t;
var pcm;
     var posturl;
     if (i == json.feed.entry.length) break;
     for (var k = 0; k < entry.link.length; k++) {
       if (entry.link[k].rel == 'alternate') {
         posturl = entry.link[k].href;
         break;
       }
     }

for (var k = 0; k < entry.link.length; k++) {
       if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
         pcm = entry.link[k].title.split(" ")[0];
         break;
       }
     }

     if ("content" in entry) {
       var postcontent = entry.content.$t;}
     else
     if ("summary" in entry) {
       var postcontent = entry.summary.$t;}
     else var postcontent = "";
    
     postdate = entry.published.$t;

if(j>imgr.length-1) j=0;
img[i] = imgr[j];

s = postcontent ; 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!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = day+ ' ' + m + ' ' + y ;

var trtd = '<li><div><img class="alignnone" src="'+img[i]+'"/></div></li>';
document.write(trtd);    

  j++;
}

}
function showrecentposts4(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img  = new Array();
 
   for (var i = 0; i < numposts; i++) {
     var entry = json.feed.entry[i];
     var posttitle = entry.title.$t;
var pcm;
     var posturl;
     if (i == json.feed.entry.length) break;
     for (var k = 0; k < entry.link.length; k++) {
       if (entry.link[k].rel == 'alternate') {
         posturl = entry.link[k].href;
         break;
       }
     }

for (var k = 0; k < entry.link.length; k++) {
       if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
         pcm = entry.link[k].title.split(" ")[0];
         break;
       }
     }

     if ("content" in entry) {
       var postcontent = entry.content.$t;}
     else
     if ("summary" in entry) {
       var postcontent = entry.summary.$t;}
     else var postcontent = "";
    
     postdate = entry.published.$t;

if(j>imgr.length-1) j=0;
img[i] = imgr[j];

s = postcontent ; 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!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = m+ ' ' + day + ' ' + y ;

var trtd = '<a href="'+posturl+'"><span>&#187; </span>'+posttitle+'</a>';
document.write(trtd);    

  j++;
}

}

function showrecentposts7(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img  = new Array();

   for (var i = 0; i < numposts3; i++) {
     var entry = json.feed.entry[i];
     var posttitle = entry.title.$t;
var pcm;
     var posturl;
     if (i == json.feed.entry.length) break;
     for (var k = 0; k < entry.link.length; k++) {
       if (entry.link[k].rel == 'alternate') {
         posturl = entry.link[k].href;
         break;
       }
     }

for (var k = 0; k < entry.link.length; k++) {
       if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
         pcm = entry.link[k].title.split(" ")[0];
         break;
       }
     }

     if ("content" in entry) {
       var postcontent = entry.content.$t;}
     else
     if ("summary" in entry) {
       var postcontent = entry.summary.$t;}
     else var postcontent = "";
    
     postdate = entry.published.$t;

if(j>imgr.length-1) j=0;
img[i] = imgr[j];

s = postcontent ; 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!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = day+ ' ' + m + ' ' + y ;

var trtd = '<li><a title=" '+posttitle+' " href="'+posturl+'"><img width="90" height="70"  title=" '+posttitle+' " class=" " src="'+img[i]+'"/></a></li>';
document.write(trtd);    

  j++;
}

}

//]]>
</script>


Agora procure por: <div class='content-inner'> 

Abaixo dele cole:

<div style='clear:both;'/>
<div class='headline-wrapper'>
<div class='headline'>
  <div style='float:left; background:#F7550D; padding:4px 18px 3px 20px; font-size: 14px; font-family: Oswald, sans-serif; color:#fff; overflow: hidden;'>
Ultimas
</div>
<div class='headline-left'>
<marquee behavior='scroll' bgcolor='' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='4'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts5+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts4\&quot;&gt;&lt;\/script&gt;&quot;);
 </script></marquee>
  </div> </div> </div>
<div style='clear:both;'/>


Salve !





E, para dar estilo (css)
"Implementar CSS   "                                                                           



No modelo de seu blog", clique em "Personalizar"






Ao abrir essa janela, vá em Avançado  -------> Adicionar CSS 




Copie o código abaixo e cole no local indicado.

/* Headline
---------------------------------*/
.headline-wrapper{
background: #442108;
width:100%;
height: 35px;
color:#fff;
margin: -30px 0 30px 0; /*Mude os números para subir os descer o menu de postagens aqui */
}
.headline{
width: 1000px;
line-height: 1.8em;
text-align: left;
font-family: 'Arial', sans-serif;
font-weight: normal;
color: #151515;
text-transform: none;
overflow: hidden;
clear: both;
margin: 0 auto;
padding: 10px auto
}
.headline a{
color: #fff;
font-size: 13px;
font-weight: normal;
text-decoration: none;
margin-left: 20px
}
.headline a:hover{
color: #000;
text-decoration: none
}
.headline-left{
float:left;
width:88%;
padding:2px 0;
position:relative;
overflow:hidden;
}


Depois, clique em "Aplicar ao blog", 

no canto direito de seu monitor, 

na parte superior para salvar.


///

Mensagem do formulário de comentário:
"comentários de anônimos, não serão publicados, e aqui... 
...não é local para desentendimentos e discórdias! 
Seja bastante educado! Frequenta qual escola, ou frequentou?
 ...ou a educação vem de berço?

saiba como se faz: "postagens populares com efeito de slide"



POSTAGENS POPULARES COM EFEITO DE SLIDE



demonstração

..."dar as postagens populares 
uma aparência de slide 
um destaque a mais 
para os visitantes de seu blog ? "

"Neste caso as postagens populares terão 
um efeito hover 
com o título das postagens, 
o que dá um ar mais profissional a seu blog."

Para isso a primeira coisa a fazer é 
deletar 
o seu 
widget de postagens populares 
ou dará conflito nos códigos. 

Depois de retirar o widget, 
siga o passo a passo.

Vá até o "Modelo de seu blog", 
clique em "Editar HTML" 
  Hack para o template do Blogger, implementado em  abril de 2013.





Clique no botão "Editar modelo" 
e depois nas teclas Ctrl e F. 
Ao abrir a janela, procure 
pelo seguinte trecho.


<div class='main-outer'>


Acima dele, cole o próximo código:

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<div id='tm_featured'>
<div class='folder'>
<div class='folder_all'>
<b:section class='folder_item' id='folder_item' preferred='yes' showaddelement='no'>
  <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
    <b:includable id='main'>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<div class='featured_item'>
<b:if cond='data:showThumbnails == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear:both'/>
<b:else/>
<div class='folderboxpic'>
<a class='article' expr:href='data:post.href' rel='bookmark'>
<b:if cond='data:post.thumbnail'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnail' height='72' width='72'/>
<b:else/>
<img alt='no image' height='200' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-rdeoVRz1VM-QGTe0HoVoAVzt4nXiLURn-MCjN9nauxZKdopRquKJKQl0xa5u5nTW3k5z3fMVC9FbyCE7icOrGUSNzeJ9fFAsf768GTXzmRcAd27-326lMgEtcOhHqC4gcoiK5padK4A/s1600/sem+imagem3.png' width='200'/>
</b:if>
<div class='folderboxtitle'><div class='folderboxbackground'><div id='tm-folderboxbackground-720'><data:post.title/></div></div></div>
</a>
<div class='clear'/>
</div>
</b:if>
</b:if>
</div>
</b:loop>
</ul>
</div>
</b:includable>
  </b:widget>
</b:section>
<div class='clear'/>
</div>
</div>
</div>
</b:if>


Salve. 
Agora ...
... "dar estilo implementando o CSS"


"Implementar CSS " :                                                                            



No modelo de seu blog", clique em "Personalizar"




Copie o código 
abaixo e cole no local indicado. 
..." em destaque 
a largura total do slide, em cor vermelha 
as imagens das postagens (cada quadradinho) 
está em destaque na cor azul. 

"Modifique para que fique de acordo com seu blog."
"A cor de fundo está em destaque na cor amarela
as bordas e cor de fundo da área dos títulos estão 
em destaque na cor verde."

/*Popular post slide-----------------------------------*/
.folder{margin: -24px 0 28px 0}
#tm_featured {background: #808080; /*Cor de fundo da área */padding: 0; }
.folder_all{padding:0}
.folder_all { padding: 0px 0; margin: -20px 0; width: 1200px; /*largura do slide*/ }
.featured_item {float:left}
.folderboxpic {border: 2px solid #DF6D88; background: #fff;
height:104px;width:104px; /*tamanho das imagens*/
overflow:hidden;position:relative;}
.folderboxpic img{border: 2px solid #DF6D88; height:104px;width:104px}
.article {display:block;width:100%;height:100%;color:#ffffff;font-size:13px;text-decoration:none;font-family:Open Sans,Arial,Verdana;text-overflow:ellipsis;}
.article .folderboxbackground {
font-family: 'Yanone Kaffeesatz', sans-serif;background:#DF6D88;color:#000;padding: 6px;font-size:12px;text-transform: uppercase;}

.article .folderboxtitle {
position:absolute;
bottom:0;
opacity:0;
-webkit-transition:all 0.4s ease-in 0s;
-moz-transition:all 0.4s ease-in 0s;
-ms-transition:all 0.4s ease-in 0s;
-o-transition:all 0.4s ease-in 0s;
transition:all 0.4s ease-in 0s;
letter-spacing:0.4px;
width:104px; /*tamanho da área dos títulos*/
height:0px;
display:block;
font-family:bebasneueregular,bebas,arial;
font-size:12px;
text-align:center;
}

.article:hover .folderboxtitle{opacity:0.9;height:100%}


Depois, clique em "Aplicar ao blog", no canto direito de seu monitor, na parte superior para salvar.

- See more at: http://templateseacessorios.blogspot.com.br/2014/07/postagens-populares-com-efeito-de-slide.html#sthash.dOYoVBfM.dpuf

fonte:
templateseacessorios



Mensagem do formulário de comentário:
"comentários de anônimos, não serão publicados, e aqui... 
...não é local para desentendimentos e discórdias! 
Seja bastante educado! Frequenta qual escola, ou frequentou?
 ...ou a educação vem de berço?

Postagem em destaque

Como usar a mesma conta do WhatsApp em dois celulares

Como usar a mesma conta do WhatsApp em dois celulares

Topo