Como muitos leitores estavam pedindo, encontrei uma maneira de fazer com que os posts se resumam de maneira automática, inclusive posts antigos, sem necessidade das tags para mostrar e esconder. Este hack é similar ao widget de posts recentes com imagens (thumbnails) e foi desenvolvido pelo mesmo hacker (Anhvo) do blog VN Weblog Guide.
O JavaScript utilizado é extremamente leve, o que gostei muito.
Só peço que atentem aos seguintes detalhes: eu tive que "adivinhar" como instalar pelos códigos (ainda bem que códigos usam apenas um idioma.. hehe), já que a tradução do blog do Anhvo não fica das melhores. Não deu para testar aqui no BloggerSPhera, pois eu teria que retirar as tags de todos os posts, então não foi testado em blog em uso, apenas em blog de teste.
Por esses motivos, teremos que testa-lo juntos. Me pareceu EXCELENTE nos testes, mas se vocês detectarem bugs, por favor, me avisem e vamos tentando resolver.
O Script já transforma a primeira imagem do post em thumbnail.
Então, vamos ao que interessa!
A) Arquivo JavaScript
Baixe o arquivo pelo link abaixo e faça o upload em seu site de hospedagem preferido:
summary-post.js
Colocaremos agora a chamada do JavaScript no template.
- Na Guia "Layout" em "Editar HTML" salve uma cópia de seu template original clicando em "Baixar Modelo Completo";
- Marque a caixinha "Expandir Modelos de Widget";
- Copie o código a seguir e cole ACIMA da tag
</head>
<!-- JavaScript Resumo do Post --> <script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 230; summary_img = 140; img_thumb_height = 100; img_thumb_width = 100; </script> <script src='http://endereço-de-seu-arquivo-javascript/summary-post.js' type='text/javascript'/>
B) Customização
Detalhamento dos ítens a serem customizados:
var thumbnail_mode = "float" ;
Desejando que seja aplicada flutuação (à esquerda) na imagem (thumb) deixe "float".
Se você preferir que a imagem fique em cima e o sumário embaixo, coloque "no-float".
summary_noimg = 230;
Coloque a quantidade de caracteres para os resumos que não contiverem imagem.
summary_img = 140;
Coloque a quantidade de caracteres para os resumos com as imagens.
img_thumb_height = 100;
Coloque a medida para a altura da imagem-thumb.
img_thumb_width = 100;
Coloque a medida para a largura da imagem-thumb.
C) Modificação do código dos posts no template
Ainda com a caixinha "Expandir Modelos de Widgets" marcada, procure o código (ou semelhante):
<div class='post-body entry-content'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div>
E substitua por (copie o código abaixo e cole NO LUGAR do código de seu template):
<div class='post-body entry-content'> <b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span id='showlink'><a expr:href='data:post.url'> [ ... ]</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div>
Você pode substituir o sinal [ ... ] colocando um texto para o seu link "Leia Mais". Veja exemplos do que você pode fazer no artigo Hack de Resumo do Post
Vantagens e desvantagens desta opção
- VANTAGEM: Não há necessidade de editar os posts. Os artigos são resumidos automáticamente obedecendo a quantidade de caracteres que você definiu;
- DESVANTAGEM: Você não tem a opção de escolher quais posts quer resumir ou não. Todos serão resumidos. Se o número de caracteres de um post for menor do que o estipulado, ainda assim irá aparecer o link "Leia Mais";
- VANTAGEM: Excelente para templates estilo "Revista". Não há necessidade de aplicar o hack para redimensionar as imagens na página inicial. O hack já contempla o redimensionamento de imagens;
- DESVANTAGEM: Todas as imagens ficarão (nas páginas "index") no tamanho definido no hack. Você não pode controlar o tamanho de cada imagem nessas páginas;
- VANTAGEM: Mesmo os posts antigos serão resumidos sem necessidade de edição;
- DESVANTAGEM: Você não escolhe o texto completo para o "resumo", a não ser que "calcule" a cada postagem o numero de caracteres conforme a definição feita no hack;
- VANTAGEM: Excelente tempo de carregamento! Fiquei impressionada! O JavaScript é muito leve. O script não é do tipo expande/recolhe e por isso só carrega realmente o sumário nas páginas index. Além do redimensionamento da imagem que também auxilia na redução do tempo de carregamento.
Minha opinião
Dificilmente gosto de algo que eu não possa "controlar". Sempre preferi o hack de resumo do post do Ramani por possibilitar que eu escolhesse o tamanho do resumo, escolhesse quais posts resumir, etc, além de não ser um script pesado.
Mas neste caso (mesmo perdendo essa facilidade das escolhas) a extrema leveza do script, a facilidade de instalação, e a possibilidade de não precisar editar os posts me convenceram.
Como eu disse acima, conto com vocês para me ajudar a testa-lo.
Quando você faz uma mudança de parágrafo, o hack não considera como caractere e cola o texto no parágrafo anterior.
Minha sugestão: dê alguns espaços após o final do ponto do primeiro parágrafo. Isso fará ele descolar.
Minha sugestão: dê alguns espaços após o final do ponto do primeiro parágrafo. Isso fará ele descolar.
Comentários: 77
eu estou fazendo ou tentando fazer uma forma de postagens em estilo revista sem java script, esta falta algumas coisas e talz.. a vantagem do sem java scirpt.. é que é sem java script
XD
so estou com uns probleminhas de float, pois n estou averiguando tb estou preparando outras coisas maneiras
:)
Obrigado Rô tava esperando essa dica
vou testar e depois deixo aqui minha avaliação do hack mas como ja foi testado espero nao encontrar dificuldades...
Parabéns sempre atendendo os pedidos, e enssinando de forma bem didatica
Obrigado
não funcionou comigo, vou tentar descubrir o que deu errado mas não faço ideia...
GamaQue bom! Depois me dá um toque prá eu admirar a obra.. hehe
Bjs!
Thiago: Acusou erro ou não funcionou?
não funcionou memso...
ele ao invez de comprimir o texto so criava [...] em forma de link no final do texto e não nos caracteres estipulados,
eu ja havia instalado o hack pras imagens ficarem redimenssinadas na pagina inicial pode ter sido esse o problema? vou tentar desinstalar esse hack e instalar o do resumo vamos ver como fica quando tiver feito isso posto o resultado aqui...
Thiago Faz o seguinte, instala o hack e me avisa em qual blog você está instalando. Prometo que checo no mesmo dia prá não ficar com o blog "torto" muito tempo.. hehe
Pode ser incompatibilidade com alguma outra coisa que esteja em seu template, sei lá.. só vendo o código..
Porque aqui tem funcionado direitinho e olha que tenho hacks e scripts de tudo que é tipo!!
Amanhã eu estou na estrada a manhã toda, então o dia vai ser enrolado. Se você quiser fazer a instalação amanhã à noite, na quinta de manhã eu dou uma olhada, pode ser?
Abração!
pode sim =D
amnhã a noite eu instalo então...
me disseram que se eu apagar as linhas em branco no html do blog isso melhora a velocidade de carregamento, isso é verdade?
Muito obrigado RÔ
Verdade, Thiago. Retirar inhas em branco, tanto na CSS, como na parte de conteúdo (entre as tags [body] e [/body]) melhora o carregamento, mas também "embola" o código que fica mais difícil de ler. Isso é conveniente para um código muito longo e para quem tem habilidade/experiência em encontrar e modificar os códigos no template. A redução não é muito significativa em códigos não muito longos.
Eu prefiro sugerir a otimização das imagens (essas pesam muuuito), uma verificação criteriosa dos códigos pra ver se não há coisas repetidas ou sobrando (códigos que você nem usa) e a escolha correta dos sites onde hospeda imagens e outros arquivos.
entendi...
o pessoal reclamou do carregamento da apgina varias vezes comigo por isso to perguntando instalei o hack de ultimas postagens e exibição de uma postagem só na pagina inicial só que ele deve ta pesado pq continua lento... a sidebar demora a carregar por exemplo, eu ate tava penssando em trocar o layout mais o que eu queria é na verssão magazine e o site que disponibiliza so disponibiliza pros mebros vips e pra ser um mebro vip tem de pagar uma quantia e como o blog não rende dinheiro nenhum pra mim não da pra fazer uma investimento sem volta...
desculpa a ignorancia é que o endereço que eu coloquei foi o memso que estava no codigo sem modificar pro arquivo JS
Thiago Eu comentei para MoorpheuSs sobre um site que faz uma análise bem criteriosa da página que você colocar a Url. Nesse site você consegue ver o que "tá pegando" - se é o HTML, a CSS, imagens, scripts, etc.
Vou ver se até semana que vem coloco um post com várias ferramentas que ajudam a gente a analisar nossa página - validação de HTML, CSS e outras coisas assim.
Com relação a templates estilo revista, tenho algumas skins semi-prontas que fiz quando estava sem conexão. É que não sobrou tempo de adapta-las ao Blogger para que eu as disponibilize para download. Se você tiver paciência de esperar...
Não entendi o que você quis dizer sobre o endereço :o
é que eu so tinha feito copiar o primeiro codigo sem ver que o endereco do JS que ta la não ta pegando... ai eu so fiz substituir pelo arquivo que tu diz pra baixar facil assim e eu me complicando ehueheuehueheueueheuehueh
vou esperar seus posts, sempre aprendo algo ;D
eu fui seguindo uns tutoriais e ja fiz um template quase do meu gosto
Thiago uhauhauhauhauha
E eu aqui perdidona tentando encontrar onde você tinha instalado o hack e não tinha dado certo.
Sem problemas, isso acontece! Se eu contar as besteiras que faço e depois ainda xingo o Blogger, a conexão e só depois vejo que o defeito é na peça entre o teclado e a cadeira.. :P
Mas estou estranhando mesmo um de seus blogs. Os dois não são muito diferentes em widgets e estrutura e um deles está meio "travado". Mais tarde dou uma olhada.
Beijão!
no sobre o Futebol Nacional que eu criei a pedido da Nubia que é dona de umas comunidades do Brasileirão no Orkut e queria criar um blog pra transmitir alçguns jogos ao vivo e publicar notícias, ai eu fiz e fui modificando o template do Futebol do Norte pra colocar la por isso um embra o outro...
eu queria deixar o os blocos da postagem que aparecem no Futebol Brasileiro que nem é naquele template estilo revista Cellat o rodapé tem uma imagem escrita Leia Mais em ingles e o numero de comentarios com isso não é necessario o hack de post resumido, mas com esse que tu publicou fica bom quando eu tiver tempo vou retirar o que ja ta la pra instalkar esse...
ThiagoO Futebol do Norte é que estava demorando pra carregar. Mas hoje abriu rapidinho. Acho que você fez alguma modificação que resolveu o que estava travando o carregamento da sidebar :)
Tá ficando bonito, hein? Adorei a idéia do gramado como background!!
Bjs!
realmente ta carregando mais rapido, se resolvi foi acidentalmente =P
eu so vou desinstalar o hack do Templates Novo Blogger da Ariane pra exibição so do titulo da postagem em forma de link quando clica nos marcadores, agora com o post resumido não tem o pq disso...
só to esperando tu publicar o tutorial pra exibir nas paginas das notícias só a notícia sem a sidebar com o texto e fotos ocupando o espaço da Sidebar tbm =D
eu tive ideia de colocar o gramado no fundo depois de ver no site do Clube do Remo e achei que como o assunto é futebol ficaria bom...
ficou muito bom essa dica do post resumido automaticamente gostei bastante...
Bjs!
eu descubri o que era era o hack de ultimas postagens que tinha o arquivo JS muito pesado....
Thiago: O blog está ficando bonito mesmo! Posso dar um palpite? A área do Main-Wrapper está muito longa e a área de sidebar meio vazia.
Uma sugestão seria pegar os widgets que estão no footer e colocar na sidebar e os posts por categoria (estados) colocar nas 3 colunas do footer. Ou outra modificada nos widgets, essa foi a primeira que me veio à cabeça.
Só acho que o main tá compriiiido.. hehe
cara, eu coloquei o resumo e ativei o comentários abaixo do post. Ele resume o texto, mas a caixa de comentários fica logo abaixo. você o que fazer pra resumir inclusive a caixa de comentários?
Deivison: Bem-vindo!
Não entendi o que você quer fazer.
O resumo fica apenas na página inicial e outras páginas index (labels, arquivos), e o formulário de comentários fica apenas na página interna do post.
Me explique melhor o que você deseja e deixe o link do blog onde você está testando para eu poder ver o código.
Abração!
No me funciona, lamentablemente. Me sale este error:
"No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type "div" must be terminated by the matching end-tag "
Lo he intentado muchas veces y siempre igual. Si hay algún consejillo, muy agradecido. Un saludo.
Rô!!!
Eu fiz e deu certinho.!!!!!!!!!!!!!!!!!
Iara está feliz, muito feliz por ter dado conta.
Obrigada!!
:)
Você salvou a minha vida ;oP
Há tempos procurava por isso e não encontrava nenhum que ficasse realmente bom.
Agora, meu blog ficou bem melhor porque posso colocar mais posts na primeira página que não ficará enorme.
abraços e muito obrigado
Enrique: Es necesario sustituir el código de la plantilla tal y como he indicado.
Este error significa que la etiqueta "div" no está correctamente cerrada.
Oi Iara! Logo vou lá ver! :)
Canal Photoshop: Que bom! Deixe o link de seu blog pra gente ver... :)
Abraços a todos!
Olha o link aqui Rô
http://canalphotoshop.info/
abraços
Oi Jean Carlo! Ótimo Blog! Já favoritei. Ainda não conheço tão bem o Photoshop, tenho certeza de que seu blog me ajudará.
Abração!
Olá Rô... tudo certinho??
Então, estou usando seu script no meu blog, mas fiquei com uma dúvida... estou usando exatamente o mesmo link para o arquivo .JS que vc indicou no post. Ao inves de fazer o download eu somente linkei direto.
Tem algum problema? Não sei pq nao deu certo no meu servidor...
Mas é isso ae, parabéns pelo blog, sempre visito hehehe...
Wilbert: Bem-vindo! O único problema é se muita gente usar o mesmo link. Pode ter problema de banda.
Não seria problema prá mim porque eu separo os meus arquivos, tanto os usados no BloggerSPhera como os que uso nos templates que faço. Me preocupo mais com os leitores, apesar de desconhecer problemas desse tipo com o JavaScript Host.
Se você não conseguiu subir no seu servidor, pode tentar no próprio JavaScript Host, mudando o nome (clica no banner da Sidebar).
Obrigada e um abração!
Obrigada e um abração!
Oi, Rô,
O javascripthost desapareceu da net, felizmente eu tinha todos os meus scripts guardados e foi questão de encontrar outro local para alojar, mas infelizmente o script deste tutorial não funciona do novo local.
tem alguma ideia do que poderá ser?
Oi de novo, Rô,
já consegui resolver. :D
Era somente algumas linhas de codigo a mais no script que tinha guardado. ;)
Olá OCP! O JavaScript Host está funcionando direitinho!
Como qualquer site (inclusive o Blogger) algumas vezes sai do ar para reparos ou manutenção, mas no caso do JS Host só vi isso acontecer uma vez por um período um pouco mais longo.
Qualquer problema que você tenha com suas hospedagens lá, me avise. Tenho contato com o master deles e faremos o possível para resolver.
Abração!
Sei não, Rô...
Eu continuo indo parar numa pagina de links como acontece quando o domain de um site deixa de existir...
Espero que seja só problema de manutenção mesmo e que o JavascriptHost volte em breve porque é mesmo o meu lugar preferido para alojar os scripts, além da opção de criar alguns novos...
De qualquer maneira, de agora em diante vou ter sempre um lugar alternativo para estas situações já que no meu blog tenho varias coisas que precisam de javascripts externos para funcionar...
Abraço. :)
OCP: Acho que você não está com o endereço certo.
Tente aqui:
JavaScript Host
Meus scripts aqui no BloggerSPhera estão funcionando, como você pode ver.
Sem dúvida, como eu disse no post sobre o JS Host, sempre é bom ter mais de uma alternativa, o que hoje temos.
Assim não acontece mais o que aconteceu quando explodiu a banda do Google Pages. ;)
esse JavaScript e interpretado em todos navegadores?
Matheus: Foi testado e está sendo usado nas últimas versõrs dos mais populares: FF, IE, Opera e Safari, que eu tenha notícia.
Porque? Você está tendo problemas?
Abraços!
Rô o arquivo JavaScript espirou será se você pode por outro no ar, eu não havia salavado o arquivo =[
@thiago: http://termanet.net84.net/summary-posts-v3.js
Olá Rô, não sei o que houve no Javascrip Host. Mas não consigo acessar o site.
Por um descuido não fiz o backup do arquivo JS que vc disponibilizou aqui. Seria possível você me enviar ou disponibilizar outro link?
Outra coisa. Será que posso hospedar esse arquivo no Geocities?
Antigamente, eu usava pra hospedar códigos css nele e hoje me lembrei dessa possibilidade.
Abraços
Hoje publiquei um post sobre.. Actions Sets Free
COMO TIRAR O HACK LEIA MAIS[...] DO BLOG????
ACHO ISSO HORRIVEL, SE ALGUÉM SOUBER ENVIE UM E-MAIL PARA FELIPPE153@GMAIL.COM, ESSE NEGÓCIO FICOU HORRIVEL NO MEU BLOG
DA UMA OLHADA: http://pkm-field.blogspot.com
POR FAVOR EU PRECISO TIRAR ISSO!!!
Thiago e Jean Carlo: O JavaScript Host já voltou. De aqulquer forma pretendo fazer uma "biblioteca" dos scripts que posto para evitar futuros problemas, assim se algum site de hospedagem falhar, sempre podemos usar outra opção.
Jean Carlo: Sim, o GeoCities também pode ser usado.
As outras opções que conheço até o momento estão detalhadas na categoria Hospedagem de Arquivos.
Tenho usado também o Ning e o Dropbox.
Felippe: Já respondi pra você no outro comentário que deixou.
olá!!!!!!!!!!!!!
o javascript tah fora do ar!!!!!!!
hehehehe
G¡öväñy: Já substituí o link para baixar o arquivo, tá?
Abração!
Rô, venha através desse comentário, te agradecer por esse post e também pelo Rack.
William
Blog felizcomjesus.com
www.felizcomjesus.com
Exatamente o que eu estava buscando , para mue novo projeto
Nem lembrava desa postagem =D
Mas de kualker forma ...
Obrigado !
fui :O
Gama e William: De nada! :)
Oi, só não entendi a primeira parte. Pq devo baixar e hospedar aquele arquivo? no decorrer de sua explicação, nao vi vc dizendo para fazer algo com ele. Obrigada.
muito bom este script é prático também
com tranquilidade nesse domingão deu para implementar a funcionalidade ao meu blog enfim...
coloquei no mesmo container do hack exibir somente titulos e o resultado foi espetácular no meu blog com tema do orkut,só tive que dar uma mexida no script porque as bordas não tavam aparecendo...ficou irado!!!
de uma passada no meu blog ,estou usando o gadget do blogblogs
quero vr sua foto lá hein... bjs¨¨O¨¨¨¨O¨¨
intalei funciona perfeitamente no firefox mas no internet explorer nao funcionou, o post aparece inteiro e no final aparece "Leia mais"
porque será?
instalei, no firefox funciona perfietamente, mas no internet explorer nao funciona,
www.ivmuberlandia.com.br
outro problema, no internet explorer eu coloco na postagem primeiro uma imagem pare ser exibida na pagina inicial,em tamanho minusculo para nao aparecer na postagem, depois um video do youtube em vez de aparecer a imagem aparece direto o video.
resolvido, a hospedagem do js nao estava funcionando...
estou usando no meu blogue - http://blog.tv5.com.pt mas as imagens na categoria celebridades ficam desproporcionais...
Funcionou no meu blog!! Obrigado!!
Só uma coisa .... o Adsense para conteúdo. Como podemos ter somente 3 blocos de links e eu tenho blocos de links intenrno das postagens o Adsense mesmo com o hack conta como anuncio.
Ou seja, se vc tem anuncios internos das postagens e tiver 10 posts por página mesmo com o hack, o Adsense conta como 10 anuncios por página.
Abraço
outra coisa exite um conflito com o e-reffer nao ta funcionando no explorer ele faz a pagina da postagem literalmente sair do ar.. nao tenho a minima ideia porque.
www.ivmuberlandia.com.br
Pow muito massa, só tá pecando porque não ensina o modo de fazer 2 colunas que nem do nosso amigo do blog http://canalphotoshop.info/ Como que faz essas 2 colunas aí hein????
Ola
o vosso blog e muito rico em informação e ajudas para blogger !!
Por isso, ume grande obrigado
eu preciso mudar e arranjar o meu blog sobre fotografia
(croqueur d'images)com este código ,
mas como fazer 2 colunas o 3 colunas de resumo do post ???
http://showcase-demo-dantearaujo.blogspot.com/
http://demo-bloggershowcase.blogspot.com/
muito obrigado pela resposta
ate brevemente
Deu certo, só que no IE só aparece o resumo do primeiro post!
Poderia me ajudar?
Muito obrigada!
Agora consegui, ficou ótimo!
Parabéns!
o blog em que usei:
http://meyer-crepusculo.blogspot.com/
Não sei o que está errado comigo, tanto no firefox como no ie8 aparece o post inteiro e o link no final, se puder dar uma dica de onde tá errado, agradeço!
http://testegec11509.blogspot.com/
Rô, fazia um tempão que não comentava aqui, mas vi-me na necessidade de fazer. Instalei o hack combinando-o com um do Compulsivo. O script está no código do template. Minha dúvida é apenas uma: mesmo que eu justifique o texto quando escrevo, ao publicar ele aparece alinhado à esquerda. Há uma maneira de ele manter a formatação dada na publicação? É nesse blog que estou customizando http://casadotexto.blogspot.com/
Rô
Encontrei ese artigo e pela primeira vez não de erro, fico feliz..porém também não funcionou, será que foi porque primeiro eu fiz as configurações do artigo HACK DE RESUMO DE POST e depois fiz o processo indicado neste post por ahcar que seria melhor e mais simples pelo modo automático, outra coisa que imagino ter dado mancada é que arquivo no google site o arquivo java..enfim, comecei agora a implementar meu blog e gostaria de contar com sua ajuda.
Abraço e muito obrigado.
http://papodecrente.blogspot.com
Papo de Crente: Você colocou o código do script para o post na folha de estilos, por isso não funciona. Você precisa localizar no seu blog o trecho post-body que está na parte de HTML. Faça o seguinte: com a caixinha "Expandir Modelos de Widgets" marcada, procure por Blog1. Vá descendo até encontrar o "post-body". Aí siga os passos do tutorial.
Bauru: Desculpe a demora! Desconfio que ele não esteja obedecendo a formatação porque você a colocou em um "p". Tente colocar uma "div" - div style='text-align:justify'. Se você pretende deixar sempre o texto justificado, é melhor já colocar na CSS, em vez de encher o conteúdo de código. É só acrescentar um estilo no .post-body { text-align: justify; }.
Rubão: Este hack não está instalado em seu blog! Você está usando apenas uma técnica de esconder parte do post com CSS (o que provavelmente já veio nesse template que você baixou). Se você quer o hack deste tutorial, você precisa seguir todos os passos. Se quer usar o que tem no seu template, procure as instruções que provavelmente o desgner colocou no site onde você baixou.
Vamlina: Ufa! Que bom! Alguém dizendo que deu certo! ahahahah
Obrigada Vamlina, e parabéns prá você também! O blog está muito bonito!
Hugo: Obrigada! Veja o tutorial da Ariane do Templates Novo Blogger.
Mendonça Corretor: Mesma resposta - a Ariane já publicou um tutorial a respeito.
Photographer: Isso não tem muito jeito, porque os posts continuam inteiros, eles só não aparecem. O que você pode fazer é colocar uma condicional para que os anúncios adsense que você tem nas postagens não apareçam na página inicial e outras index. Assim eles não tiram o lugar dos outros anúncios nas index, mas continuam aparecendo nos posts. Dá uma lida na categoria Condicionais.
Wilson: Veja o post Imagens em hacks de Post Resumido. Talvez ajude.
Show de Bola, obrigado mesmo!
Papo de Crente: Por nada! :D
Mari: Veja no ítem A 3- linha 12 - Você irá colocar a chamada do script no final do código.
Nando: Seu blog está muito, muito, muito iraaaaado!!! :D
Eu sinto até um certo orgulho - tipo, coisa de mãe, sabe? ahahahahaha
Nessas horas me dá um prazer enorme escrever no BloggerSPhera. Você foi lendo, foi criando, foi desenvolvendo e o resultado é essa maravilha! Parabéns - pela dedicação, pela persistência e pela criatividade! Você devia colocar lá nos créditos que a modificação do template foi feita por você. O original é um template simples, bonito, mas simples. O seu design é que o transformou em algo especial. Parabéns mesmo!
Rafael: Não sei porque você está tendo tantos problemas com o Internet Explorer. Provavelmente não é o hack, mas sim o seu template (ou suas postagens). Sugestões: coloque o template em outro blog com postagens simples (só imagem e texto sem formatação) e veja o que acontece. Se funcionar bem no IE, então o problema está nos posts. Então copie as postagens e coloque em um template Mínima usando este hack.
O IE tem suas diferenças, mas também não é um bicho papão.. hehe É bem comum termos erros em nossos templates que o FF não mostra, mas aí o IE grita!
Abraços a todos!
Rô, você é nota 10. Adoro seus post, tem bastante coisa no meu blog, que eu aprendi como você. Nossa espero um dia ser um uma pessoa que itenda de coisas "html, JS etc." iqual a você, que sabe da há explicação ao pé da letra. Você é mara Rô! Nota 10 pra você e para seu blog.
Brenner Marinho: Obrigada! :D
Mas pra entender o "mundo dos códigos" só é preciso ter paciência pra ler o material que tem disponível na internet e claro, gostar da arte... hehe
Abração!
Eu quero tirar o Hack...como faço???
Marilza
Olpa, Rô.
Tudo certo?
Antes de mais nada, gostaria de agradecê-la por este magnífico blog. Otimo conteúdo e muita disposição pra ajudar a galera... ;D
E agora, vem a "bomba".. ehehehe... Estou tendo problemas com esse hack.
Primeiro o código do arquivo JS retorna como se a tag "src" não estivesse fechada. Copiei ele exatamente como está no post e retorna esse erro sempre. Consegui resolver o problema, colocando o código do arquivo js diretamente no código do template.
Até aí, tudo certo.
Mas no código que devo substituir o corpo da postagem, sempre retorna erro também. Diz que "<data:" não está fechada, ou algo assim. Só não entendo, como pode funcionar com outras pessoas, e comigo... Já fiz testes diferentes com os códigos e sempre dá erro. Experimentei remover as partes do código que tem esse "<data:" só pra ver onde estaria o erro (são 3 partes) e esse erro retorna pra todas as 3. Se eu tiro elas, nao da erro. Se eu deixo, da erro... Já quebrei a cabeça e nada. Se copiar o codigo e colar no lugar indicado, funciona para outras pessoas, porque não funciona para mim?
Estou frustrado... hehehe.
Se puder me dar uma luz, serei eternamente grato...
[ =
oi, Rô.
eu tive o mesmo problema que o thiago no início. o resumo não acontece, só aparece o [...].
vi que ele n tinha substituído o link do arquivo .js
eu já hospedei e substituí, mas continua dando erro.
o meu blog é de teste, então n tem pressa pra resolver.
obrigada :*
oie! primeiramente gostaria de comentar q adorei seu blog, mto legal!
Sobre este post, ele funcionou perfeitamente no firefox, mas no internet explorer continuou com o mesmo erro. pode me ajudar? meu blog é http://ingridajornalista.blogspot.com/.
me de uma luz rs ja mechi em mta coisa e nao resolvi...
muito obrigado, era exatamente oque eu precisa.
Uma dúvida, é possível colocar uma borda automática nas fotos desse Hack,para ficar na home?
Obrigado
Eu acabo de entrar no mundo dos blogs e acho um link sobre o reumo "leia mais", faço tudo direitinho, e alguns cliques após acho esse do "leia mais" automático...(o/)
Bem... O recurso realmente parece muito legal, daqui a alguns dias com certeza eu o testarei também...
Muito Boa Essa dica, no meu blog wordpress não precisei utilizar, mas estou fazendo um no Blogspot e o tema q uso não tinha esse Leia Mais, então instalei esse HACK e deu tudo certinhu. Valeu pela dica. Parabens
www.paunamafia.blospot.com publicou um post sobre.. Título do Post
Ficou muito bem no meu blog!
Muito Obrigado!
Bom dia, Rô!
Já faz um bom tempo que eu busco uma maneira de diminuir o tempo de carregamento da página inicial do meu blog (Quiosque Azul). São muitas imagens, vídeos, textos longos... Mas essa questão teve uma melhora considerável quando instalei o hack ‘Leia Mais...’ que cotamos o post com id = ‘fullpost’ (melhora ainda longe do ideal, pois as imagens continuaram imensas...*rs).
Esse hack me deixou saltitante, mas paralelamente temeroso. É preciso hospedar um arquivo ‘.js’ e eu não conseguia. Aprendi no seu artigo Hospedagem de Artigos - Google Code. Retirei o hack antigo do meu template, segui todos os passos do seu tutorial, instalei o novo hack, fiz todos os testes em um blog de teste e resultado foi brilhante. Ficou fantástico. A rapidez do tempo de carregamento deste script é realmente impressionante. O blog carrega em um ‘flash’. Excelente! Fiquei muito contente com o resultado e instalei tudo no blog oficial. Agradeço-te imensamente por todos os ensinamentos. Sim! Tutoriais são obras primas, não?...*rs!
Depois com esse maravilhoso resultado tratei de melhorar a minha side-bar (imensa também. Lotada de widgets, anúncios e botões...*rs!) Deu um trabalhão. Modifiquei todo o blog, mas fiz com prazer (agora foi o prazer que ficou imenso...*rs!). O New Look do blog está no ar há três dias e a visitação aumentou bastante. \o/ Muito sucesso...*rs!
Empolgado, hoje comprei um domínio próprio na UOL Host. Gerenciei o DNS e configurei o novo domínio personalizado no blogger. Tudo ok! Apenas um detalhe. O hack deixou de funcionar. :o Fiz inúmeros testes. Achei que era algum problema com a hospedagem do ‘.js’, mas quando voltei para o domínio grátis ‘blogspot’ o hack voltou a funcionar. Fiquei num ‘ping-pong’ danado com os domínios, mas o meu ‘gás’ acabou e então optei por deixar, provisoriamente, o blog com o domínio FREE. Será tudo isso um ‘problema’ do hack ou mais uma das minhas trapalhadas blogueiras? Well! Continuarei estudando por aqui... :(
E mais uma vez deixo um longo comentário. Desculpe-me por isto. Mas o meu agradecimento pelo seu trabalho é maior do que a quantidade de caracteres do meu texto. E por falar nisso. A nova interface do bloggersphera está fantástica. Linda demais! Parabéns pelo maravilhoso trabalho. (Atualizei o banner no Quiosque Azul).
:) Um Lindo dia para você! Obrigado por tudo! Beijos no coração, Renato
Renato publicou um post sobre.. Chico Xavier - O Filme
Rô, E eu ainda estou por aqui estudando...*rs!
Apontei o novo domínio registrado do Quiosque Azul para o meu blog de teste (que está com o mesmo template). Fiz isso para testar o novo endereço personalizado e o mesmo aconteceu... Quando a configuração do blog, no blogger, está com o endereço 'blogspot' o hack funciona perfeitamente. Quando altero para www.quiosqueazul.com.br o hack não faz o resumo dos posts e o "Leia Mais..." aparece no final do artigo (acima do rodapé do post). Será esse algum tipo de conflito = hack X domínio próprio? :/
Ai, Socorro! Acredito que essa ‘luta’ não é uma das minhas trapalhadas...*rs! O meu blog de teste fica 'fechado', mas deixarei público por padrão por uns dias. Se possível, por favor, dê uma 'espiada' para mim. Se tiver alguma dica ou indicação de um artigo ficarei muito agradecido. Caso seja um assunto complicado peço, por favor, que me avise. Sendo assim te escreverei através da página de contato para pedir um suporte maior.
Muito obrigado! Deus te abençoe. Carinhosamente, Renato
*Testei com IE8, Firefox e Google Chrome (sem sucesso em todos).
*url do blog de teste: http://clickamigo-1.blogspot.com
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!