..." blog em estilo revista" ...Em primeiro lugar, esse tutorial, esta composto "diversas partes", explicativas......por conseguinte, estude-o antes de aplica-lo , pois ,cada caso e um caso, leia e releia, para ver quais partespossa lhe interessar! ..." blog em estilo revista" ... ..." neste caso... "..." as medidas do template Minima original (foram consideradas), portanto se for necessario, aumente a largura. (onde esta na cor verde)Entao:.Logado no painelblogger;...va ateo HTML do seu blog, procure pelo codigo: ]]></b:skin>e, ao encontra-lo,..."depois dele cole o codigo :<!-- Estilo revista--><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><style>.post {width: 188px;height:330px;margin: 8px 4px 3px 4px;padding:2px 1px 2px 1px;background: #fff;border: 3px groove #ccc;overflow:hidden;float: left;}.post h3 {font-size: 12px;background: #ccc;text-shadow: #ccc 1px 1px 1px;font-weight:bold;padding:10px 0;height: 60px;}.post-body {height: 190px;overflow:hidden;}.post-body img {width:100px;height: 80px;float: left;overflow:hidden;margin: 3px;padding: 2px;border: 1px solid;}.post-footer {overflow:hidden;margin: 10px 0 -1px 0;padding: 10px 0 -2px 0;background: #ccc;}.post-footer-line-2 {display: none;}.post-footer-line-3 {display: none;}.date-header {display: none;}</style></b:if></b:if><!-- fim Estilo revista-->" Salve". Em seguida,procure por:<b:includable id='nextprev'>e, ao encontra-lo,cole depois deleo seguinte codigo:<div style='clear: both;'/>visualize, estando tudo certinho, salve! ..." se " : (caso queira ) ..." colocar o codigo"... ..." Leia mais" ... " Nao se esqueca de antes de comecar salvar uma copia de seu template, caso nao de certo, e so reinstala-lo."Este hack coloca resumo das postagens em seu blog automaticamente ereduz as imagens dos posts. Mas atencao, ele invalida o" Leia mais" (jump break) nativo do Blogger.Entao:No HTML de seu blog, ao encontrar o codigo abaixo <div class='post-body entry-content'><data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --></div><b:if cond='data:post.hasJumpLink'><div class='jump-link'><a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a> </div> </b:if> Substitua por este: <div class='post-body entry-content'><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><span id='showlink'><a expr:href='data:post.url'>Leia Mais &#9658;</a></span></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 --></div>Entao ,ficara assim o codigo:<div class='post-header'> <div class='post-header-line-1'/> </div> <div class='post-body entry-content'><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><span id='showlink'><a expr:href='data:post.url'>Leia Mais &#9658;</a></span></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 --></div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'>Atencao, no codigo acima, o que esta na cor vermelha ja existia Depois:Novamente, procure por:]]></b:skin> ..E depois dele cole o proximo codigo: <script type='text/javascript'>var thumbnail_mode = &quot;float&quot; ;summary_noimg = 450;summary_img = 400;img_thumb_height = 100;img_thumb_width = 100;</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>...VISUALIZE... ...Salve..."ATENCAO: Este tutorial serve tambem ao novo Blogger, implementado em junho de 2010"nota:"Codigos na cor verde tamanho da imagem ""Codigo em rosa quantidade de letras"pesquisa realizada em:templateseacessorios ADENDO: " A palavra " Leia Mais" se refere ao texto do link que aparecera no post, na sua pagina inicial, e onde o leitor ao clicar, e direcionado a pagina do post completo.E neste espaco que voce