dicashot
Gata da vez
(+18)
DicasHot
HBO MOVIES ONLINE
TV
dicashot
Cartoon Network PT
TV
dicashot
ANI ROCHA NO FUNK
DANÇANDO MUITO



Adicionar Resumo de Postagem com Hack "Leia Mais" Automático no Blogger


Nesta postagem compartilho com vocês mais um código. Esse código é para você que tem um template que não te ainda resumo de postagem.




Para colocar no blog...

Para coloca-la no blogger... Entre em "Modelo" - "Editar HTML", dê um Ctrl + F e procure pela tag


</head>

Tendo encontrado a tag, cole ACIMA dela o seguinte código


<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</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) {
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;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Agora, procure pela tag

<data:post.body/>

Tendo encontrado a tag, cole ABAIXO dela o seguinte código


<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>Read More</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Como você pode ver, há algumas partes destacadas no código. As números destacados de azul corresponde ao resumo de postagem (quantas letras apareceram - Largura e altura), e os números destacados de vermelho corresponde a imagem do resumo de cada postagem (Largura e altura).

Tendo colado o código, basta salvar e pronto!!!

Adicionar Resumo de Postagem com Hack "Leia Mais" Automático no Blogger Adicionar Resumo de Postagem com Hack "Leia Mais" Automático no Blogger Reviewed by Muca on 5/10/2014 09:40:00 PM Rating: 5