Link de navegação numerado para Blogger

Mais um artigo para ajudar você a customizar seu template no Blogger, agora mudando os links de navegação de página padrões do Blogger, numerando cada página. Tudo o que você puder fazer para facilitar a navegabilidade de seu blog é importante e uma dessas formas e permitir que o visitante percorras suas páginas uma por uma, passando pelo conteúdo que deseja. E o modelo que vou mostrar é como ilustra a imagem.

Adicionar botão TweetMeme no Blogger

Para adicionar no Blogger você precisa usar um código dentro do código-fonte de seu layout (template). Por isso, antes de prosseguir faça um backup completo e teste esse recursos em um blog de testes para ter certeza do resultado esperado.

Vou mostrar aqui como adicionar o botão logo abaixo do título do artigo.

Abra o painel do Blogger e clique em “Layout” ~> “Editar HTML” e em “Expandir modelos de widgets” (para ver o código-fonte completo). Procure pela seguinte linha:

<div class='post-header-line-1'/>

ou

<p class='post-header-line-1'/>

E imediatamente ABAIXO dela cole o seguinte código, só modificando o que está indicado de vermelho:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script type="text/javascript"> 


tweetmeme_source = 'SEU_NOME_TWITTER'; 

</script> 

<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

</b:if>

O código destacado de verde-limão é a condicional que fará o código só aparecer quando o leitor estiver dentro do artigo desejado e impede que o código apareça na primeira página do blog.

 

Tutorial: Sexy BookMarks no Blogger-blogspot

Aumente as visitas do seu blog colocando social bookmarks. Uma dica interessante para que você melhore seus resultados é a adição do sexy bookmarks, um plugin feito para wordpress contendo links dos artigos para envio as redes sociais como digg,facebook,stambleupon e outros, agora você já pode usar o sexy bookmarks na plataforma do blogger. Acompanhe este tutorial de implementação e deixe seu blog mais social do que nunca.

Para que você possa exibir corretamente os links de social bookmarks em seu blog entre no painel de controle do blogger procure pela aba "layout" e depois clique em "Editar HTML" para exibir o código fonte do seu template. Antes de editar seu template clique em baixar modelo completo para fazer um backup do theme evitando assim erros posteriores que possam ocorrer em seu blog. Depois de feito o backup, clique em "Expandir modelos de widgets" copie e cole os códigos a seguir antes da tag: </head>

Paginas Numeradas no Blogger

Muitas vezes aquela barrinha em cima do blogger, que por sinal é muito feia, estraga o blog, então ai vai o tutorial!!

É um tutorial simples, mas útil e que muita gente não sabe!!

Vá no Painel do seu Blog, Clique em Layout e depois em Editar HTML

Não esqueça de Baixar modelo completo do seu Template

Como adicionar uma caixa de comentarios no seu Template

Alguns Templates não tem as caixinhas de comentarios em baixo das postagens... então ai vai o tutorial!!

1 - Vá em Configurações e depois em Comentários e certifique-se que em Posição do formulário de comentários esteja marcado Postagem abaixo incorporada

Se não estiver marcada, marque e de Salvar Configurações

2 - Agora no Painel do seu Blog, Clique em Layout e depois em Editar HTML

Não esqueça de Baixar modelo completo do seu Template

3 - Marque a opção Expandir Modelos Widgets e procure por esse codigo ou semelhante:

<p class='comment-footer'>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if></p>

4 - Substitua por esse:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p>

5 - Agora Procure o codigo :

<b:include data='post' name='comments'/>

6 - Abaixo desse codigo, adicione esse :

<b:include data='post' name='comment-form'/>

Ficando assim :

<b:include data='post' name='comments'/>
<b:include data='post' name='comment-form'/>

Visualize para ver se está tudo correto e clique em Salvar Modelo.

Se o Hack não funcionar ou causar erros no seu template, desfaça as alterações clicando em Limpar Edições ou utilize o backup que você criou e clique em Fazer Upload, então refaça todo o processo.