Personalizando link postagens "Anterior", "Próxima", "Início"

Encontrei um tutorial super legal no blog Blog Fácil, ensinando a trocar os links que ficam no fim da página, que possibilita a navegação entre os posts por imagens.

Já estou usando aqui no Códigos Blog e agora vou fazer ensinar a você fazer isso também, a diferença é que vou fazer tudo, passo por passo para você fazer também no seu template.


1º - Salve o template como sempre, caso tenha problemas você tem o template salvo;


2º - Entre no blogger, e siga: "Layout", "Editar HTML", marque a janela: "Expandir modelos de widgets";

3º - Procure (Ctrl + F):

<data:newerPageTitle/>

 Substitua por:

<img alt='Página Anterior' border='0' src='http://img169.imageshack.us/img169/9415/anteriorhi3.gif'/>

4º - Procure (Ctrl +F):

<data:olderPageTitle/>

  Substitua por:

<img alt='Próxima Página' border='0' src='http://img140.imageshack.us/img140/3741/postagens.jpg'/>

 5º -  Procure (Ctrl +F):

 <data:homeMsg/> 

 Substitua por:

<img alt='Home' border='0' src='http://img524.imageshack.us/img524/8104/iniciocf8.gif'/>

6º - Teste, se tudo está como deveria, salve!



Pronto! Se quiser usar imagens diferentes, faça a sua, hospede e substitua os links das imagens pelas novas.

Como mudar Postagens mais recentes e Postagens mais antigas do blog

Muitas pessoas estavam me cobrando um post ensinando como modificar o texto de navegação interna das postagens, então aqui estou!

Recomendo antes de tudo, como eu qualquer modificação: Faça backup do seu template.

1º - Faça login no Blogger e entre em “Layout” -> “Editar HTML”;
2º - Marque a caixa “Expandir modelos de widgets”;
3º - Procure (Ctrl + f):
<data:newerpagetitle/>

Essa tag é usada para nomear o botão que volta para as postagens mais recentes, ou seja, que busca postagens mais novas (Postagens mais recentes).
Para modificar o texto, basta apagar essa tag é escrever o que quiser.

4º - Procure (Ctrl + f):

<data:olderpagetitle/>

Essa tag é usada para nomear o botão que vai para as postagens mais antigas, ou seja, que busca arquivos passados (Postagens mais antigas).

Para modificar o texto, basta apagar essa tag é escrever o que quiser.

5º - Procure (Ctrl + f):

<data:homemsg/>

Você vai encontrar duas tags dessa, as duas levam ao início do blog (Home).

Para modificar o texto, basta apagar as duas tag iguais é escrever o que quiser.

Obs.: Não é obrigatório modificar toda. Você pode modificar apenas um ou até todas.

Se você prefere colocar uma imagem no local, leia: Personalizando link postagens "Anterior", "Próxima", "Início".

Como adicionar legenda em imagens Do blog

O Blogger liberou mais um recurso em sua plataforma, agora você pode colocar legendas em baixo de cada imagem usada em suas postagens sem dificuldade alguma.


Esse recurso no momento só é liberado para o Blogger in Draft (painel de testes do Blogger), mas para quem conhece o Códigos Blog sabe como é indispensável o uso desse painel.

Para adicionar legendas de forma rápida siga os passos abaixo:

1º - Faça login no Blogger in Draft e clique em “Nova Postagem”;

2º - Escreva sua postagem normalmente e ao adicionar uma imagem, clique sobre ela (a imagem).

3º - Repare que você terá uma opção com o nome: “Adicionar legenda”. Clique sobre ela e escreva sua legenda no local disponível.

4º - Pronto! Legendas de forma simples e organizada em todas as imagens.

Tags: Legenda em imagens Blogger, legenda Blogger, imagens postagens.

Como criar um blog no Blogger Gratis

Para criar um blog gratuitamente acesse o Blogger e clique em Criar Blog, como na imagem abaixo. Agora vamos criar nossa conta do Google. Se você já possui uma conta no Gmail, nos grupos do Google ou no Orkut, clique em “acesse-a primeiro”. Agora faça seu login e clique em acessar. Se você ainda não possui uma conta em um desses serviços do Google, crie sua conta com qualquer e-mail que possuir, digitando os dados exigidos.

Dê um título ao blog (ex: Quero Criar um Blog), que tenha a ver com seu blog, com os posts que serão publicados nele, preencha o endereço do blog (ex: querocriarumblog – tudo junto, sem espaços), e clique em verificar disponibilidade, para saber se já existe algum blog com esse nome, senão houver clique em continuar, se houver escolha outro nome, mas não esqueça de colocar o título do blog de acordo com o novo nome para ficar melhor apresentável.

Agora escolha um modelo de Template e clique em continuar. Como na imagem abaixo clique em Começar a usar o blog e pronto, seu blog está criado. No próximo artigo irei ensinar algumas configurações básicas assim que se cria um blog no Blogger.

Como colocar o Tweet Button oficial do Twitter em seu blog

O Twitter lançou essa semana o seu Tweet Button oficial. O recurso é muito parecido com o botão curtir do Facebook. Como o Twitter é uma importante fonte de visitas e divulgação para blogs, vou ensinar como colocar o botão do Twitter no blog.

Basta seguir os passos e colocar o botão em seu blog:

1. Acesse a página do Twitter em https://twitter.com/goodies/tweetbutton.
2. Escolha o tipo de botão que deseja.
3. Recomende um usuário do Twitter, basta colocar o nome de usuário dele, sem o @. Você pode sugerir até 2 usuários, entre eles você mesmo.
4. Copie o código gerado.
5. Abra a área administrativa de seu blog e procure o local que deseja colocar o botão.
6. Cole o código nesse local.

Veja abaixo como ficou nosso botão. Teste, é muito interessante o resultado e a facilidade.

Widgets Postagens Populares no seu blog

Recentemente o Blogger liberou um novo widget, onde são mostradas as postagens mais populares do seu blog de acordo com o número de acessos, disponível no painel em “Elementos da Página”.

Esse widget pode ser configurado para mostrar as postagens mais visualizadas no total, nos últimos 30 dias ou da última semana. Além de ser possível colocar miniaturas de imagem ou snippet (fragmentos da postagem).

 

O sistema como eu disse, mostra as postagens com o maior número de acessos únicos, não por número de comentários ou algo do tipo.

Como Retirar a barra do blogspot

Que tal você tirar essa bara de navegação que fica no topo do seu blog?

É bem fácil, entre na sua conta va até configurações, Modelo, Editar Html
procure pela linha

#header-wrapper

e cole o código logo acima

#navbar {
display:none;
margin:0;
padding:0;
}