Comofaz: agenda na lateral do blog
Blogosfera

Comofaz: agenda na lateral do blog

17 de novembro de 2013
Se tem algo que eu não vivo sem é agenda! Sou bastante esquecida e se não anoto meus compromissos e tarefas em algum lugar, eu acabo deixando-os de lado. Quando vou ver, ou a data já passou ou está bem em cima da hora!
Isso acaba me deixando muito desorganizada no quesito tempo, o que reflete muito no blog. Por isso, há um tempo atrás, resolvi adotar a agenda do mês justo no local que passo mais tempo: o Julie de Batom. Assim, sempre que tiver um compromisso ou tarefa, vou me lembrar. Afinal, todo dia eu entro aqui. Impossível esquecer desse jeito!
Desde que coloquei a agenda na lateral do blog, muitos leitores me perguntaram como fiz isso. É bem fácil e não tem mistério nenhum. Mas, como recebi muitos pedidos, resolvi fazer um tutorial. Não é nada complicado e em cinco minutinhos você termina. Juro!
  • PASSO 01: Abra o Blogger e vá até Layout. Em cima coluna onde você vai adicionar a agenda existe a opção Adicionar um Gadget. Clique nele.
  • PASSO 02: Vai abrir uma janelinha com uma lista de gadgets que o Blogger oferece. Procure por HTML/JavaScript. Quando encontrar, clique no sinal de + ao lado.
  • PASSO 03: Em Título escreva o nome do gadget (por exemplo: Agenda, Agenda do mês, Agenda da semana, etc). No espaço do conteúdo, adicione o código abaixo:

<p>
<img src=”LINK DA IMAGEM” border=”0″ /> <b>01/01</b> – Tal compromisso
<br />
<img src=”LINK DA IMAGEM” border=”0″ /> <b>02/01</b> – Tal evento
</p>

Troque o que está sublinhado pela data e o que está em negrito pelo nome da tarefa. Já onde está o LINK DA IMAGEM, você tem que colocar o endereço da miniatura que vai representar aquele dia. Vai ficar assim:

<img src=”http://imageshack.com/a/img820/6825/l31v.gif” /> <b>06/11</b> – Entrega do áudioblog de Radiojornalismo

Para adicionar outra linha, basta copiar o código em vermelho e ir colando antes do </p>. Depois troque só as informações, como data, nome da tarefa e link da imagem. Assim:

<p>
<img src=”LINK DA IMAGEM” border=”0″ /> <b>01/01</b> – Tal compromisso
<br />
<img src=”LINK DA IMAGEM” border=”0″ /> <b>02/01</b> – Tal evento
<br />
<img src=”LINK DA IMAGEM” border=”0″ /> <b>03/01</b> – Tal evento 2
<br />
<img src=”LINK DA IMAGEM” border=”0″ /> <b>04/01</b> – Tal evento 3
<br />
<img src=”LINK DA IMAGEM” border=”0″ /> <b>05/01</b> – Tal evento 4
</p>

  • ONDE ENCONTRAR AS IMAGENS? As que eu uso no blog são do True-Luv. Lá tem vários pixels fofos para usar na agenda e estão disponíveis em várias cores. Para salvá-los, você precisa ir até esta página, escolher qual pacote quer e fazer o download. Depois de descompactar o arquivo, hospede as imagens na internet. Você pode usar o próprio Blogger. Para isso, crie uma nova postagem, vá no ícone de imagem no post, clique em procurar e selecione as imagens. Aí, para pegar o link é só clicar com o lado direito do mouse em cima dela e, depois, em copiar URL da imagem (isso se você usa o Chrome).
  • COMO RISCAR A DATA? Quando o evento ou a atividade já tiver passado, para “riscá-lo” é só colocar o código <s> antes do <b> e </s> ao fim do nome da tarefa. Ficará assim:

<img src=”http://imageshack.com/a/img820/6825/l31v.gif” /> <s><b>06/11</b> – Entrega do áudioblog de Radiojornalismo</s>

  • PASSO 04: Depois que tudo estiver ok, basta clicar em Salvar. Aí, é só arrastar o gadget para o local que você quer que ele fique na coluna e clicar em Salvar organização lá em cima da página. Prontinho!
Agora quero saber de vocês: gostaram do tutorial? Comentem aí! Qualquer dúvida, perguntem pelos comentários que eu respondo por aqui mesmo. Espero que tenham curtido, viu? E deixem sugestões para os próximos tutoriais! Quem sabe a sua dica não se torna o próximo post do JDB?

Tags:

Deixe seu comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

17 Comments