Tutorial _LEIA MAIS
Autor: Bianca Payne | Publicado: 2012-04-07T08:30:00-07:00



Leia mais Automatico

Entre no painel do Blogger, clique em design e, depois, em editar HTML.Marque a caixa expandir modelos de widgets e procure por: &lt;data:post.body/&gt;Substitua por:

&lt;b:if cond='data:blog.pageType != "item"'&gt;&lt;b:if cond='data:blog.pageType != &amp;quot;static_page&amp;quot;'&gt;&lt;div expr:id='"summary" + data:post.id' style='display:none;'&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;div style="clear:both" align='right' class='rmlink'&gt;&lt;a expr:href='data:post.url'&gt;Leia mais »»&lt;/a&gt;&lt;/div&gt;&lt;/b:if&gt;&lt;/b:if&gt;&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;&lt;data:post.body/&gt;&lt;/b:if&gt;&lt;b:if cond='data:blog.pageType == &amp;quot;static_page&amp;quot;'&gt;&lt;data:post.body/&gt;&lt;/b:if&gt;

Agora procure por ]]&gt;&lt;/b:skin&gt; cole este código antes dela:

.rmlink {font-size: 100%;float: right;margin-right: 30px;margin-top: 10px;font-weight: bold;}.rmlink a {font-style: normal;font-weight: bold;font-variant: small-caps;font-family: Arial,Sans-Serif;color: #24618e; /*Cor do Link*/}.rmlink a:visited { color: #649dc7;}/*Cor do link depois de clicado*/.rmlink a:hover { color: red;} /*Cor do link ao passar o mouse em cima*/

Procure então por &lt;/head&gt; e cole este código embaixo dela:

&lt;!-- JavaScript Posts Resumidos--&gt;&lt;!--/*****************************************************Auto-readmore link script, version 4.0 (for blogspot)(C)2009 by AnhvoHomepage: http://vietwebguide.com&nbsp;Please dont remove this copyright or change it into your own******************************************************/--&gt;
&lt;style type="text/css"&gt;.thumbnailimg IMG {max-width:200px;width: expression(this.width &gt; 250 ? 250: true);max-height:200px;height: expression(this.height &gt; 250 ? 250: true);
}.thumbnailimg {float:left;&nbsp;padding:0px 10px 5px 0px;}&lt;/style&gt;&lt;script type='text/javascript'&gt;var thumbnail_mode = "no-float" ;&nbsp;var classicMode = false ;var summary_noimg = 50;var summary_img = 40;var indent = 3;&lt;/script&gt;&lt;script type='text/javascript'&gt;//&lt;![CDATA[function stripHtmlTags(s,max){return s.replace(/&lt;.*?&gt;/ig, '').split(/\s+/).slice(0,max-1).join(' ')}
function getSummaryLikeWP(id) {return document.getElementById(id).innerHTML.split(/&lt;!--\s*more\s*--&gt;/)[0];}
function getSummaryImproved(post,max){var re = /&lt;.*?&gt;/givar re2 = /&lt;br.*?&gt;/givar re3 = /(&lt;\/{1}p&gt;)|(&lt;\/{1}div&gt;)/givar re4 = /(&lt;style.*?\/{1}style&gt;)|(&lt;script.*?\/{1}script&gt;)|(&lt;table.*?\/{1}table&gt;)|(&lt;form.*?\/{1}form&gt;)|(&lt;code.*?\/{1}code&gt;)|(&lt;pre.*?\/{1}pre&gt;)/gi
post = post.replace(re4,'')post = post.replace(re3,'&lt;br /&gt; ').split(re2)
for(var i=0; i&lt;post.length; i++){post[i] = post[i].replace(re,'');}var post2 = new Array();for(var i in post) {//if(post[i]!='' &amp;&amp; post[i]!=' ' &amp;&amp; post[i] != '\n') post2.push(post[i]);if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ;
}

var s = "";var indentBlank = "";for(var i=0;i&lt;indent;i++){indentBlank += " ";}if(post2.join('&lt;br/&gt;').split(' ').length &lt; max-1 ){s = post2.join(indentBlank +' &lt;br/&gt;');} else {var i = 0;while(s.split(' ').length &lt; max){s += indentBlank + ' ' + post2[i]+'&lt;br/&gt;';i++;}}&nbsp;return s;}

function createSummaryAndThumb(pID){var div = document.getElementById(pID);var content = div.innerHTML;if (/&lt;!--\s*more\s*--&gt;/.test(content)) {div.innerHTML = getSummaryLikeWP(pID);div.style.display = "block";}&nbsp;else {
var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary_noimg;if(img.length&gt;=1) {&nbsp;if(thumbnail_mode == "float") {imgtag = '&lt;span class="thumbnailimg"&gt;&lt;img src="'+img[0].src+'" /&gt;&lt;/span&gt;';summ = summary_img;} else {imgtag = '&lt;div class="thumbnailimg" align="center"&gt;&lt;img src="'+img[0].src+'" /&gt;&lt;/div&gt;';summ = summary_img;}}
var summary = (classicMode) ? imgtag + '&lt;div&gt;' + stripHtmlTags(content,summ) + '&lt;/div&gt;' : imgtag + '&lt;div&gt;' + getSummaryImproved(content,summ) + '&lt;/div&gt;';
div.innerHTML = summary;div.style.display = "block";}}//]]&gt;&lt;/script&gt;&lt;!-- Fim JavaScript Posts Resumidos--&gt;


Para Trocar o leia mais por uma imagem procure por leia mais e subistitua por:
&lt;img border='0' src=' Link da Imagem Aqui '/&gt;
Parar aumentar o tamanho da imagem que vai aparecer procure por:
&lt;style type="text/css"&gt;.thumbnailimg IMG {max-width:150px;width: expression(this.width &gt; 150 ? 150: true);max-height:120px;height: expression(this.height &gt; 120 ? 120: true);
Altere os valores 350 e 250 para aumentar e diminuir a imagem
ATT: R.S.R