1. Entre no blogger e acesse o painel principal do seu blog.2. Clique na guia Modelo > Edita HTML.3. Procure por ]]>4. Acima dessa linha cole o codigo abaixo./* ---------------- Barra de rolagem Google Chrome---------------- */ ::-webkit-scrollbar { width: 15px; height: 5px; } ::-webkit-scrollbar-track-piece { background: #aebcbf; }::-webkit-scrollbar-thumb:vertical { height: 5px; background: #000; border-radius: 10px; } ::-webkit-scrollbar-thumb:horizontal { width: 5px; background-color: #FFA500; }5. Agora so falta fazer as modificacoes! A maioria dos blog aparecem somente um resumo da postagem na pagina inicial, onde no final aparece escrito "Leia Mais", ou "Continue Lendo", e quando clicamos aparece a postagem completa.Eu uso aqui no meu blog,e particularmente acho que da uma estetica melhor a pagina inicial, evitando que a home fica extensa demais, o que causa, muitas vezes, um certo desconforto na busca dos conteudos em certas paginas.Hoje vou ensinar como incluir este 'hack' no seu blog.Com estes recurso suas postagens se resumirao automaticamente na sua pagina inicial. A cada postagem, ira aparecer um breve resumo do conteudo da postagem, juntamente com uma miniatura da imagem utilizada no post.Antes de tudo faca um backup do seu Template para evitar transtornos, se algo sair errado. ATUALIZACOES:1) Muitos leitores relataram dificuldades em hospedar o script para Hack "Leia Mais" em um servidor externo ao Blogger.Para evitar problemas na dependencia com algum servidor externo, e preferivel que instale o script diretamente no template, razao pela qual este artigo foi atualizado, com a disponibilizacao do script na integra para instalcao diretamente no HTML do template.2) Atualizei o codigo do 2o passo, tendo em vista a implementacao de Paginas Estaticas no blogger. No codigo a seguir, o hack "Leia Mais" nao se aplicara nas Paginas Estaticas, as postagens so aparecerao resumidas na pagina inicial,marcadores e arquivos. 1o passo - incluir o script no template:Entre no modo 'editar html' do seu template(nao precisa clicar em 'expandir modelo de widget') e procure pela tag e cole esse codigo abaixo ANTES dessa tag: var thumbnail_mode = "float" ;summary_noimg = 450;summary_img = 400;img_thumb_height = 100;img_thumb_width = 100; //<![CDATA[function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s = strx.split("<");for(var i=0;i")!=-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 = '';summ = summary_img;} else {imgtag = '';summ = summary_img;}}var summary = imgtag + '' + removeHtmlTag(div.innerHTML,summ) + '';div.innerHTML = summary;}//]]> Caso tenha dificuldades em copiar o codigo acima, copie o conteudo deste arquivo.txt e cole-o ANTES da tag .Como este script mostra uma miniatura da imagem do post junto com o resumo do texto, voce pode personalizar a quantidade de caracteres que aparecerao no resumo e o tamanho da miniatura da imagem do post, desta forma:Em summary_noimg e aqui que voce vai indicar a quantidade de caracteres para os resumos se o texto nao contiver imagem.summary_img Indique o numero de caracteres do resumo para o texto que contiver imagens.E neste trecho que voce vai definir o tamanho que voce quer que as imagens do resume tenham:img_thumb_height Indique a altura