TUTORIAL: ARQUIVO DO BLOG EM FORMA DE CALENDÁRIO

Antes o tutorial estava com um erro, mas já consertei e agora está funcionando perfeitamente.





















Hey vocês, tenho dois tutoriais na lista para colocar no Garota dos Fandoms, e o primeiro pedido foi este, um tutorial para ensinar personalizar o arquivo do blog, e deixar ele como um calendário, igual o que tem aqui. E queria fazer um pequeno aviso, a enquete de qual pack fazer para o twitter está acabando, e quando acabar eu vou fazer um post e disponibilizar o download do pack para vocês. Enfim, este tutorial é um pouco grandinho então vamos começar.


Dica: Salve o seu template antes de começar o tutorial, pois se acontecer alguma coisa errada, seu template estará salvo.

1° Feed Burner.

Entre no site do Feed Burner e logue com sua conta do google, irá aparecer uma janela com os seus feeds, agora neste espaço você coloca a url do blog que você quer colocar o calendário, depois com a primeira opção marcada clique em "next" e copie o link que aparecer aqui. Agora vá no painel do blogger e vá em Configurações > Outro aonde estiver escrito "URL de redirecionamento de feed" clique em "Adicionar" e cole a url do Feed Burner que você copiou, exemplo: https://feeds.feedburner.com/blogspot/BrFsH

2° Configure o gadget do arquivo do blog.

Vá em Layout, se você já tiver o gadget do arquivo do blog apenas clique em Editar. Se você não tiver o arquivo do blog adicionado, vá em Adicionar um Gadget > Arquivo do blog. Agora vamos configurar, faça o seguinte:
Estilo: Lista Simples - Freqüência de arquivamento: Mensal - Formato da data: Janeiro

3° Configure o código do gadget arquivo do blog.

Vá em Modelo > Editar HTML clique na caixinha e aperte Ctrl + F logo depois procure por BlogArchive1, você vai encontrar algo mais ou menos assim:

<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'>...</b:widget>
Substitua este trecho pelo seguinte código:



Procure novamente por </head> e acima dele cole este código:



Logo depois de colar, apague a penúltima linha deste mesmo código e substitua por:

<script src='/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=timezoneSet'/> 

Pronto, agora salve.
OBS: na linha var bcArchiveNavText = "Veja Todos os Posts do Mês"; você pode mudar a frase entre aspas por qualquer outra frase que quiser.

4° Adicionar o calendário.

Se quiser ver o preview do modelo deste calendário clique aqui, para os meninos ou até para as meninas ele pode estar muito rosa ou fora do tema do seu blog, mas não se preocupe, é só modificar o código de acordo com o seu estilo ou o estilo do seu blog, mas para isso você terá que entender um pouco de html.
Vá na caixa de pesquisar e procure por ]]></b:skin> e acima cole o seguinte código:



........................................................................................................................

Pronto, o seu blog fica bem mais bonito com essa personalização, e peço a vocês que não plagiem este tutorial e mais nenhum outro post, eu deixo vocês repostarem se colocarem os créditos com o link do GDF no final do post, e se for reblogar favor avisar antes, mas não plagiem, por favor, dá muito trabalho editar todos estes códigos, por exemplo, eu demorei um dia inteiro só para fazer este post. Mas enfim, espero que tenham gostado deste post e aproveitem bem ele, até o próximo post, kisses.

10 comentários

  1. Tentei, mas sou pessima em html, ai não deu e.e
    Aceito afiliação sim! Me coloque que farei o mesmo >3<

    - A Culpa é da Stylik

    ResponderExcluir
    Respostas
    1. Haha, que pena que não conseguiu, eu vou ajeitar uma foto pra te colocar nos afiliados okay?

      Excluir
  2. Vou colocar no meu blog e.e

    ResponderExcluir
  3. Oii, estou tentando colocar um Calendário como Arquivo no meu blog a tempos. E o seu tutorial é o que me fez chegar mais perto. Fiz tudo direitinho, mas só aparece o calendário, não aparece os números dos dias de jeito nenhum. Já refiz várias vezes e nada. Será que vc tem alguma idéia aonde está o erro?
    Meu blog: http://desejofashionblog.blogspot.com.br/
    Beeijos

    ResponderExcluir
    Respostas
    1. Desculpe mas não faço ideia, vamos fazer o seguinte, quer que eu edite o html pra vc com o estilo do seu blog e te dou ele pronto? Dai é só você colocar o codigo aonde manda no tutorial, quer?

      Excluir
  4. Oi! Eu estou tentando fazer isso no meu blog mas não consigo de jeito nenhum! Ele dá erro, e eu acabo tendo que deixar como estava antes. Você poderia me ajudar?!
    Se precisar, meu blog é este: http://tiktakmegiu.blogspot.com.br/
    Obrigada, bjs!

    ResponderExcluir
    Respostas
    1. Sim, estou ciente deste problema, assim que consertar o tutorial te aviso.

      Kisses ;*

      Excluir
  5. Ameeeei
    estou usando <3
    http://diamante-colorido.blogspot.com.br/

    ResponderExcluir

Regras:

• Pode xingar, mas não ofenda ninguém.
• Não fale mal de qualquer pessoa ou artista, respeite.
• Pode deixar o link do seu blog no comentário, mas comentários de divulgação serão automaticamente apagados.
• Não é obrigatório, mas aconselho a ler o post antes de comentar.