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

O Tempo Passa

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

Unknown

Muito bom, parabéns.

Unknown

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.

O Tempo Passa

@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!

http://odeclinardosonhos.blogspot.com

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?

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 .

Unknown

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.

Adm-Josias

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?

teste

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

Anônimo

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.