25 de fev. de 2014

Arquivo do blog em forma de calendário

   
Oi boa noite, primeiramente peço desculpas por não ter postado ontem, acontece que eu estou com bastante preguiça e para variar viciada naquele joguinho do capeta chamado "Flappy Bird". Sem distrações e falando sobre o tutorial de hoje, gostaria primeiramente de esclarecer que ele não foi feito por mim mas sim pelo site Templantes para Você, por isso se você for usar dê créditos ao site. Nesse tuto vou ensinar a vocês colocarem os arquivos do blog em forma de calendário, igual ao que a Mary usa no Black Cherry, é muito divo e eu percebi que muita gente assim como eu ficou vomitando arco-íris quando viu aquele calendáriozinho perfeito, bom só peço que prestem bastante atenção, pois os códigos são bem extensos e você deve saber onde colocá-los.
Passo 01- Para quem ainda não tem o gadget dos arquivos do blog deve ir em layout e adicioná-lo, nas configurações do gadget selecione as opções:

Estilo: Lista simples
Frequência de arquivamento: Mensal
Formato da data: Mês (Janeiro)

Passo 02- Feito o passo 1 salve o gadget e Vá em Modelo clique em Editar HTML, e Encontre a widget BlogArchive1. Encontre esta linha: <b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'>...</b:widget>  
Depois de encontrar a widget selecione o código da widget BlogArchive1 e substitua pelo código abaixo.

Código AQUI

Passo 03- Agora procure a tag </head> e acima dela cole o código abaixo:

Código AQUI

Passo 04- Por ultimo cole acima da tag ]]></b:skin> o código CSS do modelo de Calendário que mais lhe agradar, veja alguns exemplos abaixo.

Modelo 01
                                              
Código AQUI

Modelo 02
Código AQUI

Modelo 03
Código AQUI

Modelo 04
Código AQUI

Modelo 05
Código AQUI


Créditos: Black Cherry por avatar da postagem.

18 comentários:

  1. Vou usar no meu layout que estou fazendo! Adorei o terceiro modelinho, tão fofinho! :B
    Falando em layout tust tamt tupt (avá) no layout a elite será nos gadgets então coloco Zombie Cute ou Only Dreams? Obrigado, kiss
    c-akeparty.blogspot.com

    ResponderExcluir
    Respostas
    1. ahh obrigada por avisar, mas é only dreams mesmo *--*

      Excluir
    2. Mais uma coisinha :B
      Poderia postar um tutorial de um leia mais como o seu? *O*
      (beeeem larguinho, hehehe) Obrigado!

      Excluir
    3. Eu so coloquei uma faixinha no rodapé da postagem, e movimentei o leia mais para o cantinho da postagem..

      Excluir
  2. Achei lindos esses arquivos, sinceramente odeio esse gadget, pois ele é muito feio, mas assim personalizado fica mais bonito, vou usar no meu próximo layout.

    Sweet of Cherry

    ResponderExcluir
    Respostas
    1. verdade, ele no modo padrão é bem feiinho mesmo, mas sabendo personalizar fica uma graça..

      Excluir
  3. Não tinha visto esse tutorial antes e achei bastante legal, mas o ruim que eu quase nunca boto gadget assim :/ Mas gostei basatante ._. Kiss, Everything To Me

    ResponderExcluir
  4. Que fofo *-*
    Eu com certea irei usar no meu próximo layout (com os créditos com certeza)

    AMEI seu blog, o layout está divino e também já estou seguindo!!

    Bye <3

    Sweet Drens

    ResponderExcluir
  5. Muito legal o tuto!! Eu só não uso porque criei uma página que arquiva os posts automaticamente, mesmo assim ótimo tuto!
    Beijos flor :*
    blogandoseuassunto.blogspot.com
    eter-nal.blogspot.com

    ResponderExcluir
  6. Amei todos os modelos , principalmente o 3°

    Beijos , fique com Deus ♥
    mundodasgarotasforever.blogspot.com.br { Retribui a visita ? }

    ResponderExcluir
  7. Ah, e eu aqui jurando que só eu usava o arquivo em forma de calendário hauahauahhaua >< O modelo mais lindo sempre será o quinto!

    [blog-espelhodigital.blogspot.com]

    ResponderExcluir
  8. Adorei o tuto bem legal! *-*
    Obrigado pela visita, estou te seguindo.
    www.blogsdegirl.blogspot.com.br
    Beijos.

    ResponderExcluir
  9. Nossa que legal *u* Adorei seu blog flor, sucesso com ele S2
    Abraços do Panda~ visita?! http://panda-blogueiro.blogspot.com.br/

    ResponderExcluir