Sobre o Blog

MamanunesO Dicas e Templates Mamanunes nasceu da minha necessidade de registrar as descobertas que faço enquanto aprendo a desenhar templates para a plataforma Blogger. Compartilho aqui alguns truques, templates e informações que considero úteis para blogueiros e curiosos. Entre e fique a vontade.

Info

30.8.10

image
Vamos ver como criar uma página com todo o conteúdo do nosso blog relacionado e organizado, para facilitar aos leitores a pesquisa e a navegação. Desenvolvido por Amanda – BlogBuster e felizmente, otimizado e simplificado por Abu Farhan  que reduziu o recurso a nada mais do que copiar e colar o código na caixa de postagem de uma “Página Estática” do Blogger. Este “índice” apresenta todas as postagens publicadas separadamente , por categoria , e os posts mais recentes, aparecem com um texto ao lado que diz: Novo!
Vamos aprender. É bem simples! (mais difícil ensinar hehe)
Copie o código abaixo e edite, colocando o endereço do seu blog no local indicado em vermelho.
<script src="http://dl.dropbox.com/u/684300/tabindex-1.js">
</script>
<script src="http://SEU-BLOG/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
Faça login no Blogger, clique em “Editar postagens” ►“Editar páginas”► “NOVA PÁGINA
image
image
Cole o código do dentro do box de postagem, na opção “Editar HTML” (IMPORTANTE!)
Nomeie a página e publique.
image
Na próxima página você verá as opções para publicação do link. No meu caso, escolhi “Nenhum gadget”, mas você pode publicar na sidebar ou no menu do Blogger como mostram as imagens. Faça testes, use o modelo de exibição mais adequado ao seu template.
image
A minha página ficou  ASSIM . Depois de marcar “Nenhum Gadget”, salvar e publicar, eu copiei o endereço da página direto do navegador e colei no meu menu. Veja:
image
<li><a href='http://blogger-dicasmamanunes.blogspot.com/p/styletextjavascript-srchttpdl.html'>PUBLICAÇÕES</a></li>

Recomendação: Baixe o script e hospede em um site de sua confiança para o caso de haver algum problema. Download do Script
<script src="AQUI-O-ENDEREÇO-DO-SCRIPT-tabindex-1.js">
</script>
<script src="ENDEREÇO-DO-SEU-BLOG/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
INSTRUÇÕES PARA QUEM USA O HACK "LEIA MAIS..." AUTOMÁTICO
Se o seu template tem o hack  "Leia mais..." automático (com script) deverá substituir o código HTML para que esse widget funcione sem problemas.
 É o seguinte:
 Entre em "Editar HTML", marque a opção "Expandir modelos de widgets" e procure pelo trecho:
<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 ...</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>

Substitua todo ele pelo seguinte:


<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...</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>



Prontinho! Boa Sorte e beijo da Mama ♥

15 comentários

Rubinho Osório

Alguma coisa fiz errado... ficou esquisito... veja lá quando puder. Bj

MamaNunes

@Rubinho Osório
É...eu ví e não entendi rsss
manda a senha que eu dou uma olhada "por dentro" hehe

BeRo

Muito bom, parabéns.

BeRo

Eu não precisei baixar ele, eu incorporei ele na postagem, assim fica mais seguro. Quem quiser fazer o mesmo pode baixar o modelo Clicando aqui.

Rubinho Osório

@BeRo
Ótima idéia BeRo!! Muito mais fácil, principalmente para quem não entende de hospedagem. Também é mais seguro!
Obrigada!

MamaNunes

@Rubinho Osório
Agora ficou ótimo!!!

Beijooo

Luis

Obrigado estava procurando esse código faz tempo kkkkkk

Valeu mesmo e continue o bom trabalho,peço que visite meu blog:

http://www.terra-tecnologica.blogspot.com

Se possível entre em contato e diga o que achou.

Obrigado!

ana costa

Obrigada pela orientação. Seu blog vale ouro!
tenho tirado muitas ideias dele!
Agora só uma coisa: ficou tudo direitinho mas as letras não se vêm tão em cinza. Dá para mudar a cor?

regininhailhabela (Regina Célia de Jesus)

Gostei! Obrigado pela ajuga... só assim consegui colocar um índice que deixa todas as publicações fáceis de achar! Agradeço muito!!!

angry birds game

thanks for share a very great informative articles.I learn a lot .

josegondo

Oiê: Mamanunes seu blogue nos ajuda muito, e obrigado pela sua dedicação e empenho.
Informo a você que seu blogue tem muitos links quebrado, e decedi avisa-la, quanto a navegação está normal
abraço.

Admin

Caraa muito bom, usei no meu blog ficou show de bola , vlw mesme tava procurando isso a semanas , obrigado..

Gustavo F.

Como faço para que nessa pagina apareça so alguns?

Mayquel Oliveira

Obrigado, tava procurando isso..deu certinho;;;;

Sam Setti

Muito bom! Me ajudou muito pois eu tinha um bem semelhante que parou de funcionar do nada e fazia falta.
Obrigada!
Abraço...

Postar um comentário

Caso queira informações mais detalhadas, ou encomendar um template personalizado, use o Formulário de Contato ou meu Email. Responderei o mais breve possível.
Obrigada.