quinta-feira, 9 de setembro de 2010

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.

twitter

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;
}

Dicas de Widget “assine os feeds”

Uma forma legal de aumentar o número de assinantes de feeds, é oferecendo várias formas de assinatura aos visitantes. Muita gente nem imagina o que seja um feed e muito menos um leitor RSS; então, não custa nada facilitarmos as coisas, né?
Pensando nisto, criei um widget bem simplezinho, usando os próprios recursos do FeedBurner. Apesar de simples, o widget é poderoso, pois reúne três formas de direcionamento para o FeedBurner: caixa de email,  ícone e  contador.

Se você não sabe o que é um Feed e nem o que é FeedBurner, acesse:

Nas imagens abaixo, temos um exemplo do widget já instalado no Blogger:
Dicas de Informática Dicas Blogger
Como configurar e instalar o widget
Copie o código abaixo, cole no gadget HTML/javascript do Blogger e faça as seguintes substituições (preste bastante atenção agora):
Onde estiver escrito SEUBLOG, substitua pela parte final da url do Feed do blog.
Exemplo: http://feeds.feedburner.com/dicasblogger (dicasblogger é a parte final)
Escolha uma imagem com fundo transparente, em formato .PNG e  de 120 x 120 px. Faça o upload da imagem no Picasa e cole a url dela em URL DA IMAGEM.

Recomendo o site  Findicons para encontrar o ícone dos Feeds.
<table cellpadding="2" cellspacing="2" style="border: 1px solid rgb(236, 236, 236); background:transparent;text-align: left; width: 100%;">
  <tbody><tr><td align="undefined"
valign="undefined"><a
href="http://feeds.feedburner.com/SEUBLOG"><img
alt="RSS" title="Assine os feeds"
src="URL DA IMAGEM"
border="0" height="120" width="120"></a></td><td
align="undefined" valign="undefined"><form
style="padding: 3px; text-align: center;"
action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow"
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SEUBLOG', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Receba os posts por email:</p><p><input style="width: 140px;"
name="email" type="text"></p><input
value="SEUBLOG" name="uri" type="hidden"><input
name="loc" value="pt_BR" type="hidden"><input
value="Assinar" type="submit"><p>Delivered by <a
href="http://feedburner.google.com/" target="_blank">FeedBurner</a></p></form>
<p align="center"><a
href="http://feeds.feedburner.com/SEUBLOG"><img
src="http://feeds.feedburner.com/%7Efc/SEUBLOG?bg=FF9900&amp;fg=0000000&amp;anim=1&amp;label=leitores"
style="border: 0pt none ;" alt="" height="26"
width="88"></a></p></td></tr></tbody></table><div style="text-align: center;"> Widget by <a  href="http://www.dicasblogger.com.br/2010/09/widget-assine-os-feeds.html”>Dicas Blogger </a> </div>
Se você quiser mudar as cores do contador, altere os números que aparecem em verde e azul, onde bg é o background (plano de fundo do contador) e fg é a cor do texto. Veja aqui uma tabela de correspondência de cores.
Para mudar a cor da borda do widget, substitua os números deste trecho:
border: 1px solid rgb(236, 236, 236);
Exemplo: border: 1px solid rgb(255, 255, 255);
Depois de fazer todas as modificações, clique em SALVAR.
As alterações também podem ser feitas no WordPad do Windows e depois coladas no gadget HTML/javascript do Blogger.
A exibição dos créditos (nome e link do Dicas Blogger), é opcional.
Recomendo que o título do gadget seja algo do tipo “Assine os feeds” :)