Pedido Colocando Leia Mais
Autor: pr0ject 404 | Publicado: 2012-04-18T12:32:00-07:00

 Vamos lá:Painel - Designer - Editar HTMLExpandir modelos de&nbsp;Widgetsagora de um (Ctrl + F) e procure por:
&nbsp;&lt;/head&gt;&nbsp;e logo&nbsp;acima&nbsp;dele ponha esse código:

&lt;!-- Filipe Fudendo a concorrência--&gt;&lt;br /&gt; &lt;script type='text/javascript'&gt; var thumbnail_mode = "float" ; summary_noimg = 450; summary_img = 400; img_thumb_height = 100; img_thumb_width = 100; &lt;/script&gt;&lt;br /&gt; &lt;script type='text/javascript'&gt; //&lt;![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("&lt;")!=-1) {var s = strx.split("&lt;"); for(var i=0;i&lt;s.length;i++){ if(s[i].indexOf("&gt;")!=-1){ s[i] = s[i].substring(s[i].indexOf("&gt;")+1,s[i].length);} } strx =  s.join(""); } chop = (chop &lt; strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' &amp;&amp; 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&gt;=1) { if(thumbnail_mode == "float") { imgtag = '&lt;span style="float:left; padding:0px 10px 5px 0px;"&gt;&lt;img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/&gt;&lt;/span&gt;'; summ = summary_img; } else { imgtag = '&lt;div style="padding:5px" align="center"&gt;&lt;img style="max-width:'+img_thumb_width+'px; max-height:'+img_thumb_height+'px;" src="'+img[0].src+'" /&gt;&lt;/div&gt;'; summ = summary_img; }}var summary = imgtag + '&lt;div&gt;' + removeHtmlTag(div.innerHTML,summ) + '&lt;/div&gt;'; div.innerHTML = summary;} //]]&gt; &lt;/script&gt;&lt;br /&gt; &lt;!-- Filipe Fudendo a concorrência--&gt;agora de um (Ctrl + F) e procure por:&nbsp;
&lt;div class='post-body entry-content'&gt;&lt;data:post.body/&gt;&lt;div style='clear: both;'/&gt; &lt;!-- clear for photos floats --&gt;&lt;/div&gt;
Quando achar troque por esse código:
&lt;!-- Filipe Fudendo a concorrência--&gt;&lt;br /&gt; &lt;script type='text/javascript'&gt; var thumbnail_mode = "float" ; summary_noimg = 450; summary_img = 400; img_thumb_height = 100; img_thumb_width = 100; &lt;/script&gt;&lt;br /&gt; &lt;script type='text/javascript'&gt; //&lt;![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("&lt;")!=-1) {var s = strx.split("&lt;"); for(var i=0;i&lt;s.length;i++){ if(s[i].indexOf("&gt;")!=-1){ s[i] = s[i].substring(s[i].indexOf("&gt;")+1,s[i].length);} } strx =  s.join(""); } chop = (chop &lt; strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' &amp;&amp; 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&gt;=1) { if(thumbnail_mode == "float") { imgtag = '&lt;span style="float:left; padding:0px 10px 5px 0px;"&gt;&lt;img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/&gt;&lt;/span&gt;'; summ = summary_img; } else { imgtag = '&lt;div style="padding:5px" align="center"&gt;&lt;img style="max-width:'+img_thumb_width+'px; max-height:'+img_thumb_height+'px;" src="'+img[0].src+'" /&gt;&lt;/div&gt;'; summ = summary_img; }}var summary = imgtag + '&lt;div&gt;' + removeHtmlTag(div.innerHTML,summ) + '&lt;/div&gt;'; div.innerHTML = summary;} //]]&gt; &lt;/script&gt;&lt;br /&gt; &lt;!-- Filipe Fudendo a concorrência--&gt;
visualize! &nbsp;
Agora vamos personalizar os códigos:no 1° Código&nbsp;podemos aumentar ou diminuir o tamanho da imagem e a&nbsp;quantidade&nbsp;de letras mostrada, para isso basta alterar essas linhas:img_thumb_height&nbsp;→ Indique a altura da imagem.img_thumb_width&nbsp;→ Indique a largura da imagem.
summary_noimg&nbsp;→ é aqui que você vai indicar a quantidade de caracteres para os resumos se o texto não contiver imagem.summary_img&nbsp;→ Indique o número de caracteres do resumo para o texto que contiver imagens.
agora vamos por a imagem nesse link&nbsp;(leia mais
►&nbsp;),&nbsp;basta fazer o seguinte;troque essa linha:
&lt;span id='showlink'&gt;&lt;a expr:href='data:post.url'&gt;Leia Mais ►

por essa e acrescente a sua imagem:
&lt;div class='post-body entry-content'&gt;&lt;b:if cond='data:blog.pageType != "item"'&gt;&lt;br /&gt; &lt;b:if cond='data:blog.pageType != "static_page"'&gt;&lt;br /&gt; &lt;div expr:id='"summary" + data:post.id'&gt;&lt;data:post.body/&gt;&lt;/div&gt;&lt;script type='text/javascript'&gt;createSummaryAndThumb("summary&lt;data:post.id/&gt;");&lt;/script&gt;&lt;br /&gt; &lt;span id='showlink'&gt;&lt;a expr:href='data:post.url'&gt;Leia Mais ►&lt;/a&gt;&lt;/span&gt;&lt;br /&gt; &lt;/b:if&gt;&lt;/b:if&gt;&lt;br /&gt; &lt;b:if cond='data:blog.pageType == "item"'&gt;&lt;br /&gt; &lt;data:post.body/&gt;&lt;/b:if&gt;&lt;br /&gt; &lt;b:if cond='data:blog.pageType == "static_page"'&gt;&lt;data:post.body/&gt;&lt;br /&gt; &lt;/b:if&gt;&lt;br /&gt; &lt;div style='clear: both;'/&gt;&lt;!-- clear for photos floats --&gt;&lt;br /&gt; &lt;/div&gt;visualize! se tiver tudo certo salve!&nbsp;

Caso queira dar um efeito nesse link basta adicionar esse estilo CSS no template.de um (Ctrl + F) e procure por:&nbsp;&nbsp;

]]&gt;&lt;/b:skin&gt;
&nbsp;e logo&nbsp;acima&nbsp;dele e ponha esse código:
&lt;span id='showlink'&gt;&lt;a expr:href='data:post.url'&gt;&lt;br /&gt; &lt;img src="URL-DA-SUA-IMAGEM" /&gt;
e edite-o !Peça sua imagem de&nbsp;(leia mais)&nbsp;personalizadaclique&nbsp;aqui!&nbsp; 


Gostou ? Comente não custa nada.