Não, este não é outro hack de Resumo do Post. Modifiquei o original e, na minha opinião, insubstituível até o momento, hack criado pelo Ramani do Hackosphere, para "funcionar" melhor com o editor de posts do Blogger Draft.
No hack original, Ramani utilizou a tag "span" para a definição dos blocos a serem mostrados ou "escondidos". Apenas modifiquei todas as tags "span" por "div", o que pelos testes que realizei, faz com que o hack funcione melhor com o editor de posts do Blogger Draft e mesmo com o editor normal do Blogger.
Este é o hack em que o resumo do post fica na página inicial e páginas "index" e ao clicar no link "Leia Mais", o leitor é direcionado para a página interna da postagem.
As vantagens do hack do Hackosphere, e por isso na minha opinião ainda não fizeram outro melhor, são básicamente por possibilitar ao editor do blog:
- Decidir quais posts deseja apresentar com resumo e quando não aplicar o hack, ou seja, quando não utilizar as tags correspondentes, a palavra "Leia Mais" (ou semelhante) não aparece na postagem;
- Escolher o tamanho do resumo - o hack não limita caracteres.
Para a montagem de um template semelhante ao Template BloggerSPhera - Janeiro 2009, além dos hacks, widgets e estilos já publicados e outros que estarei publicando, será necessário que seu template possua este hack de resumo do post.
Então, vamos ao tutorial:
A) JavaScript
- Na Guia "Layout" em "Editar HTML", baixe uma cópia de seu template, clicando em "Baixar Modelo Completo;
- Marque a opção "Expandir Modelos de Widgets";
- Localize a tag
</head>. Copie o código a seguir e cole ACIMA dessa tag:
<!-- JavaScript Post Summary by hackosphere.blogspot.com modified by bloggersphera.blogspot.com-->
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var divs = post.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++) {
if (divs[i].id == "fullpost") {
if (fade) {
divs[i].style.background = peekaboo_bgcolor;
Effect.Appear(divs[i]);
} else divs[i].style.display = 'inline';
}
if (divs[i].id == "showlink")
divs[i].style.display = 'none';
if (divs[i].id == "hidelink")
divs[i].style.display = 'inline';
}
}
function hideFull(id) {
var post = document.getElementById(id);
var divs = post.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++) {
if (divs[i].id == "fullpost") {
if (fade) {
divs[i].style.background = peekaboo_bgcolor;
Effect.Fade(divs[i]);
} else divs[i].style.display = 'none';
}
if (divs[i].id == "showlink")
divs[i].style.display = 'inline';
if (divs[i].id == "hidelink")
divs[i].style.display = 'none';
}
post.scrollIntoView(true);
}
function checkFull(id) {
var post = document.getElementById(id);
var divs = post.getElementsByTagName('div');
var found = 0;
for (var i = 0; i < divs.length; i++) {
if (divs[i].id == "fullpost") {
divs[i].style.display = 'none';
found = 1;
}
if ((divs[i].id == "showlink") && (found == 0))
divs[i].style.display = 'none';
}
}
</script>
</b:if>
B) Modificação do código do post
- Antes de continuar fazendo as modificações, visualize seu template para checar se o código do script não contém erros;
- A seguir, ainda com a caixinha "Expandir Modelos de Widgets" marcada, localize o seguinte trecho em seu template (geralmente está abaixo de
<div class='post-header-line-1'/>):
<div class='post-body'> <p><data:post.body/></p> <div style='clear: both;'/> <!-- clear for photos floats --> </div>
- Substitua todo esse código pelo código abaixo (copie e cole por cima do código de seu template):
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<div id='showlink'>
<a expr:href='data:post.url'> [ ... ] </a>
</div>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Visualize o template para verificar se não há erros nos códigos.
C) Personalizando o link Leia Mais
O sinal [ ... ] refere-se ao link que irá aparecer no post, na página inicial do blog, para o leitor clicar e ser direcionado à página do post. Você poderá substituir pela palavra que desejar, ou colocar outros símbolos/caracteres, ou a combinação de símbolos e caracteres. Exemplos:
Continue lendo
► Leia Mais
» Se desejar colocar uma imagem (uma seta por exemplo) na frente da palavra, substitua o sinal [ ... ] pelo código abaixo:
Ler todo o Artigo <img src='http://endereço-de-sua-imagem' vertical align='middle'/>
A "id" do link está nomeada como "showlink". Podemos portanto colocar estilos para essa id na CSS.
Segue uma sugestão de estilos que você poderá adicionar ACIMA da tag
]]></b:skin> :#showlink {
font-size: 11px; /* escolha o tamanho da fonte para seu link */
float: right; /* escolha se quer seu link flutuando à esquerda ou direita */
margin-right: 30px; /* aplique margens para posicionar seu link */
margin-top: -8px; /*a margem negativa para o topo aproxima o link do texto do post */
font-weight: bold;
}
#showlink a {
color: #CC0000; /* escolha a cor de seu link */
}
#showlink a:visited {
color: #CCCCCC; /* escolha a cor de seu link quando visitado */
}
#showlink a:hover {
color: #000000; /* escolha a cor de seu link quando apontado pelo mouse */
}
Visualize e se estiver tudo ok, salve seu template.
D) Escrevendo e editando postagens com o Hack de Resumo do Post
Você pode formatar sua janela de postagem para que as tags fiquem sempre visíveis, quando escrever posts no modo "Editar HTML".
Para isso, siga o procedimento:
- Vá até a Guia de "Configurações" de seu blog e clique na aba "Formatação"
- Localize quase no final da página o box de "Modelo de Postagem" e digite o seguinte:
DIGITE O RESUMO DO POST <div id='fullpost'> digite o restante do post </div>
Salve suas configurações.
Colocando essas configurações, as tags estarão incluídas em sua janela de postagem, porém no modo "Escrever", você só visualiza os textos:
O ideal é que você digite seus posts na aba "Editar HTML", onde as tags aparecem:
Se você não tem muito conhecimento de tags HTML para digitar seus posts nessa aba, eu tenho a seguinte sugestão:
Digite todo seu post no modo "Escrever" ACIMA do texto "DIGITE O RESUMO DO POST". Coloque seus links, listas de links, imagens, blockquote, etc, mantendo sempre os textos do hack no final do post.
Ao terminar de digitar e antes de publicar, mude para a aba "Editar HTML". Recorte a tag
<div id='fullpost'> e cole abaixo do texto que você deseja que fique como resumo, mantendo a tag </div> no final. Delete os textos "DIGITE O RESUMO DO POST" e "digite o restante do post" e publique sua postagem.
imagem: cortesia Republic Domain
Comentários: 52
Pode me ajudar?
Na busa ca do Goole a descrição do meu site ( http://centralfitness.blogspot.com ) é " continue lendo... etc." . Devido aos resumos de Post, acaba aprarecendo ..o Continue lendo. eme vez de outra informações mais relevantes.
Sabe como posso tirar isto?
abraços
Ps: Não consegui fazer o hack de favicon funcionar!
Criei coragem e coloquei em meu blog. Sou meio resistente a mudanças, mas confesso que gostei. Só podia explicar onde colo o texto no caso de optar pelo html, coisa que já faço há tempos.
Carlinhos Medeiros publicou um post sobre.. Hack de Resumo do Post - Leia Mais
Ok, já entendi. Abs!
Central Fitness:
1) Fiz uma busca por seu blog, mas não apareceu pra mim dessa maneira que você mencionou (busquei Central Fitness Blog). De qualquer forma, chequei seu código-fonte e vi que suas meta-tags estão inseridas dentro da área de estilos em seu template (entre as tags [b:skin] e [/b:skin] - seria o mesmo que colocar entre [style] e [/style]. Não sei quem te indiciou para fazer assim, mas o ideal é que elas fiquem junto com as meta-tags que já vem incluídas nos templates do Blogger, ou seja, após a tag [head] e antes de [b:skin].
2) Eu estou vendo seu favicon! :o
Abração e bem-vindo!
Carlinhos: Ficou bom! Vários de seus textos são longos, eu prefiro assim, pois posso ver vários posts sem precisar rolar muito a página. Gostei!
Abraços!
Olá Rô, vim dar uma olhada no tutorial, pois acho que meu blog precisa, de vez em quando, desses resumos na home. O problema é que ao colar o código acima do "/head", ao visualizar, deu erro. Vou tentar de novo amanhã, pois não sei se é erro do próprio blogger ou se é porque nesse template já existia um hack para resumos. O original do template até funcionava, mas inseria o link "leia mais..." inclusive nas postagens mais antigas. Vai saber... pode ser a pecinha entre a cadeira e o computador. Beijo, moça!
Rô eu queria colocar esse hack no meu Blog so que ja tenho mais de 2000 postagens pois coloco alem das minhas postagenms de jornais e outros sites, ja que eu e os membros do meu Blog não conseguimos postar notícias sobre tudo, ou seja coloco no ar muitas materias por dia gostaria deste hack mas queria saber se não existe um geito pra colocar um numero maximo de caracteres para as postagens que nao tenh [div id='fullpost'] e [/div]
as postagens antigas fiando com numero padrão de caracteres no resumo e as que eu desejar um post com um resumo menor ou maior eu colocaria este codigo, tu acha que da pra fazer isso, o mais proximo do que eu queria foi o hack que o Usuario Compulsivo fez sobre isso mais ele falhava no IE e no Mozila não pegava direito primeiro aparecia o post inteiro e depois que resumia...
Obrigado e mais uma vez excelentes dicas, tem algumas coisas aqui que eu jurava que nao fossem possiveis...
Rô, me parece muy buen tutorial; tu blog está muy bonito.
Abraços :)
Bauru Se você tentar de novo, me avisa qual o erro que você recebe. Geralmente é coisa fácil (falta algum fechamento de tag ou coisa assim). Eu já estou perita em erros do blogger de tanto que estrago blogs de testes... ahuhauhauahuahauah
Beijos!
Thiago Eu nunca analisei esse hack do Blogger Buster que usa o JQuery do Karl Swedberg. Já tinha reparado esse problema de que ele primeiro apresenta o post inteiro prá depois "cortar", mas não sabia que ele estava funcionando mal no IE.
Para o seu caso, acho que essa é a melhor solução. Vou adicionar isso também na minha lista de estudos (mas ela tá grande, já vou avisando.. hehe). Preciso checar se o problema é no hack que a Amanda desenvolveu ou no plugin do Karl.
Se eu conseguir resolver, posto aqui. Abração!
Jéssica Gracias! Yo estuve visitando Diversas y Variadas. Ya esta en mis favoritos - muy buenas entradas!!
Besitos! :)
Ok , fico na espera...
abrtaço
Obrigado Rô
to tentando fazer a substituição colocar acima da b:skin , mas um erro que sempre acontece e nunca sei o que fazer é este:
"Open quote is expected for attribute "{1}" associated with an element type "cond"."
- Que bom que consegue ver o favicon, meu IE e firefox , não deve estar atualizando.
e ai o que achou do faviicon esta bom?
Central Fitness O FAVICON ficou bonito, sim, mas eu sou meio cegueta e parece que estou vendo um "J". É isso mesmo ou preciso trocar os óculos? hehe
Antes de eu falar do hack, eu dei uma olhada no código-fonte do blog e há algumas coisas em duplicidade. Seria recomendável você fazer uma limpeza para o blog funcionar melhor e carregar mais rápido.
Esse erro que o Blogger está acusando quer dizer que alguma aspa (open quote) não foi colocada corretamente. Verifique se você copiou o código direitinho. Eu re-chequei o código postado aqui em um blog de testes e ele está certinho, portanto você poder ter "perdido" algum caractere na hora de copiar e colar.
Abração!
Thiago Estou cheia de dívidas com você! Até 2010 eu pago.. hehe
Abraços, moço!
Obrigado.
Vou rever o favicon!
E a duplicidade nos códigos eu já sei!! haha
e não tem jeito , não sou capaz de apagar o necessário, e muito diferente para quem sabe so html e mais nada.
Sabe alguem que cobraria um preço baixo para fazer esta limpeza, ou em troca de publicidade ou uma alma caridosa para ajudar e dar dicas?
abraços!
RÔ,
Olha eu aqui de novo te pentelhando..
Só tem uma unica pergunta:
Existem dois codigos atualmente para exibir o hack "leia Mais" no blogger, um é esse que vai mais rapido e o outro é um do Usuario Compulsivo que é muito bom e aplica o hack ate nos posts antigos,porem demora a carregar..o problema com esse que você postou aqui é que tem que ficar editando os posts antigos e dai alguns tem tags diferentes dos outros sei lá por que e fica muito dificil de editar tudo...tem alguma sugestão, algum terceiro codigo desse tipo??? algo que de pra fazer que fique mais facil?
obrigada desde já pela ajuda ok,
Abração...
Central Fitness ahahahaha ...
Eu entro em contato com você pelo email e podemos chegar num acordo.. hehe
Pô, o blog é tão bonito, não merece aquela bagunça... ops.. desculpe... ligeira desordem no código.. :P
Abração!
Oi Fernanda Maria! É o mesmo que eu disse ao Thiago. O ideal seria esse hack que expande o post, mas nunca analisei o código prá checar se há algum modo de melhora-lo. Vou tentar priorizar esse estudo, pois percebi que muitos leitores gostariam de um hack assim.
Beijos!
Rô, não foi bem isso que quiz dizer hehehehe, o problema é ter que ficar editando os posts por que alguns o codigo html deles ta diferente dai fico tentando encaixar o codigo neles e alguns fica meio esquisito dai que eu queria saber se tem um terceiro codigo desse tipo de posts resumidos no blogger ou se algum geito ou dica de ficar mais facil de editar os posts, onde encaixar o codigo direitinho entende, eu não entendo necas de html dai fico perdida quando algum post tem o html diferente e não consigo encaixar o codigo...
É só isso, se puder dar um dica de onde colocar o codigo nos posts mesmo quando alguns estão com o html diferente ja ajudaria e muito ok...
Abraço grande e obrigada viu
Bjs***
Rô...to testadno agora o hack seu no blog de testes e olha, acho que seu codigo, que você traduziu da Amanda é diferente por que ta funcionando melhor do que o outro na hora de editar os posts..que boooom facil e rapido..e posso escolher quanto de resumo eu quero..perfeito.....
Vou vendo qualquer coisa te falo...abraço grandeeeeeee
Ahahahahah Fernanda, essa nossa conversa está parecendo coisa de doido!! :P
Vamos por partes:
1) O hack que eu ensinei aqui neste post, não é da Amanda, é do Ramani do Hackosphere. Este foi um dos primeiros hacks (ainda no tempo do Blogger Clássico) de "Leia Mais";
2) O hack da Amanda é o hack que o Compulsivo postou;
3) Eles são bem diferentes entre si. O do Ramani precisa editar os posts, o da Amanda não precisa.
Mas aguarde!! Ainda hoje posto a 456.456.987.345.098ª opção de hack de resumo do post, do jeitinho que o Melo pediu.
Vou precisar de ajuda dos leitores prá testar, mas pelo funcionamento que vi em vários blogs de testes onde instalei... esse hack é campeão!! :) Vai resolver o problema de muita gente!!
Ops!!
Esse hack novo foi o Thiago que pediu e não o Melo!
Desculpe a confusão, meninos!
:)
poxa brigadão depois de testar varios hacks de resumo que não funcionavam direito, este funcionou direitinho brigado...
Sucesso pro blog ...
Fernanda e Marcelo: Este hack é um dos primeiros que foram criados para resumir posts.
Acontece que a utilização da tag "span" em vez de "div" fazia com que o hack não funcionasse muito bem em determinadas situações. Quem for mais curioso e quiser saber qual a diferença dos dois, veja este artigo que explica de uma forma (mais ou menos) fácil de entender:
O que são as camadas?
Vejam principalmente a parte em que ele escreve:
aspas
Além do mais, a etiqueta DIV tem um uso adicional que é o de criar divisões nas páginas as quais poderemos aplicar uma quantidade adicional de atributos para modificar seus comportamentos.
fechaspas
Quando o Blogger instalou o novo editor no Blogger-Draft, quem usava esse hack passou a ter muitos problemas.
Neste comentário , Pete da equipe do Blogger mencionou o problema com a tag "span" e sugeriu trocar por "div".
O que fiz foi mudar o hack seguindo a sugestão do Pete.
Desculpem a longa explicação, mas acredito que servirá para outros leitores que utilizam o hack ainda com a tag "span".
Abração e obrigada!
Mui Guapo!
ALGUÉM SABE COMO TIRAR ESSE HACK DO BLOG???
Felippe: Veja o ítem B) Modificação do código do post.
Você só precisa inverter - deletar o código do ítem 3 e colocar o código do ítem 2.
Depois você deleta todo o código do JavaScript.
Se você ler este post com atenção, verá que não é difícil.
Abraços!
Ótima dica.
Valeu!!!
Obrigada, Reneto!
Amiga Rô, instalei o template "Adelia" eestou querendo colocar o resumo "leia mais", só que este aqui nos leva a ler mais porém não retorna isto é volta ao resumo. Tenho um outro blog com este código leia mais / volta ao resumo, porém esse template não aceita o código que tenho, você poderia me auxiliar quanto ao segundo código isto é " leia mais - voltar ao resumo" para exemplificar melhor o blog que tenho este código é esse " http://icpniararuama.blogspot.com/ " e o que estou tentando instalar é " http://testepni.blogspot.com/ ". Aguardo por seu auxílio.
Deus te abneçoe
Amada consegui intalar um outro código e funcionou, so desapareceu as separaço~es entre a postagem e autor ficou direto, isto é as linhas.
A paz
O meu blog nõa tem o código que se encontra no passo B)2 para ser substituido pelo B)3. Gostava bastante de aplicar este hack no meu blog, mas parece que é impossível.
Muito obrigado.
Ótimo blog, super dica mesmo, já tinha utilizado outro hack mais estava dando erro no IE.
Agora espero que com esse de tudo certo...
Forte abraço até próxima.
Boa noite Rô,
Fiz teste o dia todo com esse Hack, só que o mesmo está dando erro quando se utiliza o Internet Explorer, tem como ser feito algo para reparar esse erro...???
Aguardo respostas..
Atenciosamente Angelo Moraes
www.turmadopetroleo.info
Olá Rô :) É a primeira vez que estou a ver o seu blogue, sou dos Açores. Gostei muito do seu Blogue, tem de facto muitas dicas uteis, mas infelismente este seu Hack não está a resultar no meu blogue :/
Fiz todos os passos que mencio-nou. Acontece que, ao clicar em [ ... ] nao aparece o resto do post :(
o url do meu blog é este http://angravoleiclube.blogspot.com/2008_01_18_archive.html#3646566508549875202
uzo o internet explorer 7.0
Espero pela sua ajuda ;)
ass: diogo
Ola, no meu nao funcionou =/ primeiro apareceu tudo certo,mas quando mudei a cor da fonte do post ele parou de funcionar e nao quer voltar mais..
vc pode me ajudar?
obrigado
olá rô esse seu tutorial é muito interessante estou aqui para dizer que instalei certinho e tudo mais.. só que agora minha galeria animada pifou e naum sei resolver.. está ocorrendo um conflito entre os javascripts.. será que você sabe o que está ocorrendo no meu blog.. tive que deletar a galeria animada.. já que este resumo de postagens selecionadas é mais importante.. será que você conhece alguma outra forma de resumir posts selecionados que naum interfira na galeria animada.. se puder me ajudar com este problema agradeço e muito... seu blog é demias.. vlw.. o endereço do blog éh.. connecttado.blogspot.com e eu to usando o I.E 8 E o Firefox pra testar se está bom tbm..
Olá, Rô. Parabéns pelo lindo blog!
Eu tô com um probleminha, não sei se é o mesmo do Angelo Moraes.
Coloco o hack, direitinho, tudo certo.
Quando abro o blog no Firefox, funciona que é uma beleza.
Mas quando abro no IE, simplesmente o blog é 'cortado' logo abaixo do ponto em que deveria estar o 'Leia mais' da primeira postagem. A partir desse ponto, o blog nem carrega... :-?
O que me deixa com a pulga atrás da orelha é que edito o blog pelo Firefox e na hora de salvar não acusa nenhum erro.
Alguma ideia do que possa causar essa 'anomalia'?
Oi, de novo.
Olha só, tentei de várias maneiras contornar meu problema mas sempre dava erro no IE.
Comecei então a procurar um meio de conseguir o mesmo resultado sem usar JavaScript.
E não é que consegui?
Achei a dica no site:
http://blog.brasilacademico.com/2008/08/como-criar-posts-expansveis-no-blogger.html
É um código mais leve e o resultado é idêntico!
Eu ainda estou 'modelando' meu blog, mas já está tomando forma: http://bionaweb.blogspot.com/
De qualquer modo, suas dicas me ajudam demais!
Valeu!
Estou precisando usar este recurso mas não para um blog e sim para um site normal, como devo proceder ? grato.
Olá :)
Rô, me parece muy buen tutorial; tu blog está muy bonito...
��}�v㶲Q�4�ĔH�%��徥�����$=I�E�m��Iʲ��9Y�a��0O�� �Ǧ I��d���{��cw["P( ���B<����g� ߽ �d��w � >#5�������x~���������9I"�L�
Fiz esse procedimento em meu blog e no FireFox funciona legal, agora no IE8 aparece um monte de ��w � >#5�������x~���������9I"�L�
Olá... parabéns pelo seu blog! Infelizmente eu nao consegui fazer funcionar ToT
Esse é meu blog...
http://layouttest123456.blogspot.com/
se puder ajudar, agradeç ^^^Beijos
Esqueci de dizer, estou usando o FireFox '-'
Obrigada, desde já^^
DAIANA
Daiana: Oi! Explique qual é o problema - os posts não ficam resumidos?
Danilo: Você deve ter colocado algum código fora de lugar, ou deixado de fechar algum código. Refaça os passos que dá certo.
Gracias, Bigmmsi! :)
Julio: Não entendi como você quer "resumir posts" em site. O seu site é dinâmico?
Ricardo: Sim, existe uma maneira que só usa CSS (display:none). O inconveniente é que se você não resumir todos os posts, o link "Leia Mais" aparece mesmo nos posts que não são resumidos.
Quanto ao Internet Explorer - o problema que vocês devem estar enfrentando depende de cada template (os estilos que estão aplicados para o post e para o post-body). Uso esse hack em templates que desenho e não há diferenças entre IE e FF. Verifiquem esses estilos de post e post-body, pois podem dar diferenças entre os navegadores.
Obrigada pelos elogios! :)
DyGOooo: A Galeria e este hack não entram em conflito. Cheque se não é algum outro script - os scripts que usam JQuery e os scripts de emoticon sim, dão conflito com a Galeria (são os que me lembro).
Jango: Mudar a cor do post não interfere. Veja se você não esqueceu de fechar alguma coisa (esquecer a chave no fim do estilo } ou o ponto e vírgula)
Diogo: Se você colocou o hack direitinho, quando se clica no sinal [...] você é direcionado para a página interna do post. O hack que expande posts é outro.
Angelo: Como mencionei acima, é algum problema com seu template (principalmente se qualquer hack de post resumido está dando problema). Melhor checar se sua folha de estilos (CSS) está correta.
Kal El: Procure uma linha semelhante. Todos os templates precisam ter esse código "data:post-body". Ele pode estar em alguma "div" diferente, mas com certeza deve ter em seu blog.
ICPNI: O Blogger deve ter novidades em breve sobre "resumo do Post". Vamos aguardar prá ver o que vem por aí. Se não for o que você precisa, publico um tutorial sobre resumir o post expandindo o restante na mesma página.
Abraços a todos!
nops, nao funciona... nao resume, nunca os posts... mas eu consegui resolver já, com outro 'hack', com esse ele só resumo os que eu quero e ainda coloquei uma imagem nele ^^'
Revista...: O novo recurso nativo do Blogger funciona exatamente como este hack. Você pode optar por ele e não precisará mais de scripts e hacks em seu blog.
Abração!
Olá Rô, parabéns pelo post.
No meu blog deu tudo certo, exceto quando coloco no modo escrecer e clico no botão "justificar" (para alinhar o texto). Aí somem os códigos e aparece todo o texto e não apenas o resumo. A forma que encontrei foi primeiro escrever, alinhar, etc e só no final colocar manualmente os códigos para o resumo.
Um abraço
Neto: Este hack e o novo recurso do Blogger são praticamente a mesma coisa. E os dois tem o mesmo problema: se a tag fullpost deste hack ou o more do jump ficarem dentro de tags div (e talvez span também, não tenho certeza), o recurso não funciona bem.
O ideal é conferir na janela de postagem em "Editar HTML" se a tag ou o jump estão fora de divs e spans (tags de alinhamento, de tamanho de fonte, enfim.. tags de formatação).
Se estiverem dentro de divs... melhor tirar e repetir a div depois, no restante do texto.
Abração!
Rô,
Por favor me ensine a tirar o Hack Leia mais de templates.
Estou querendo trocar o template do meu blog, e todos que me agradam já estão com o hack.
Estou querendo usar o Zinfolio, mas ele já tem o hack também.
Gostaria de tirar.
Pode me ajudar?
Obrigada
Marilza
Rô, não sou capaz de aplicar o hack "leia mais".
seja qual for a forma que use, seja qual for o hack que coloque...ele simplesmente não se aplica.
tudo fica salvo e correcto até visualizar. ao visualizar está o post todo na mesma.
E o pior de tudo é ter de aplicá-lo a quase todas as páginas!!!!! aaaaaaaiiii!!!!
dê-me uma ajuda por favor.....
http://sllapontamentos.blogspot.com/
Sara Lima publicou um post sobre continuação de uma história.. Carta de Aemelia...
Uso o IE8 ou o chrome, depende.
estou a tentar instalá-lo no blog http://sllapontamentos.blogspot.com/
O hack é o leia mais, e sou incapaz de o instalar. por mais correcta que fique a instalação ele simplesmente se recusa a resumir meus posts. estou a dar em doida!!!
por favor dê-me uma ajudinha nisso...
meu email slevylima@gmail.com
na parte que tem que encontrar "div class='post-body" mesmo com a caixa "expandir modelos de widget" selecionada, não encontro por CRTL+F. O nome do meu blog é Kiabbo Pixel e eu uso Template Scribe nele, caso possa me ajudar, por favor, adicione no msn: hugolmj@hotmail.com
Bom dia Rô. Eu encontrei o seu blog ontem e gostei muito dos tutoriais que você tem aqui. Eu queria encontrar um tutorial que mostrasse como fazer esse menu lindíssimo que você tem(quando escolho os tutoriais) que só mostra o título da mensagem. Eu queria fazer isso no me blog para facilitar a pesquisa dos vários temas que eu tenho. No meu blog eu vou ensinar a tocar guitarra e queria ter as liçoes organizadas. Você tem aqui o tutorial?
o meu blog: htto://gclassroom.blogspot.com
Boa tarde! Queria saber como faço para limitar o número de post por página no mau blog (http://gclassroom.blogspot.com/) por exeplo 10 mensagens por pagina
Impecável Roseli, parabéns!!
Estava tendo dificuldades em substituir o < span > por < div >, e você acertou na mosca no que eu precisava. E de bônus ainda ganhei o código para formatar o estilo!
Nota 10!
1 abraço,
Postar um comentário
Para deixar o link da sua última postagem coloque este código:
Feed dos Comentários<em><strong>Seu nome</strong> publicou um post sobre.. <a href="seu-link-do-último-post">Título do Post</a></em>
Quando você estiver testando algum hack e tiver dúvidas sobre ele, informe:
1 - O endereço do blog onde você está testando (ou instalando o hack);
2 - O navegador que você está usando (Firefox, Opera, IExplorer, etc).
Leia sobre a política de Comentários!
Eu gosto de conhecer meus leitores! Se você usar OpenId ou perfil fechado, assine o comentário com seu nome e me deixará muito contente!
Bem-vindos e obrigada pela visita!
Blog This!