Arquivo do blog estilo calendário | Quero Dicas

Quero Dicas : Arquivo do blog estilo calendário

Arquivo do blog estilo calendário

|


Arquivo do blog estilo calendário
Já ensinei muitas formas de personalizar seu blog (veja os posts) e existe outras milhares que ainda não publiquei.

Por isso, dando continuidade a esta tag (Personalização de blogs), hoje acabei tendo a ideia de ensinar como personalizar o arquivo do blog estilo calendário. Afinal, o modo padrão do blogger é muito sem graça. (risos)



Veja o modelo na imagem baixo
Arquivo do blog estilo calendário

Claro, você poderá mudar as cores no CSS, deixando-o com a cara do seu blog. Vamos lá? 
Como sempre recomendo, faça um backup do seu template, ao instalar qualquer tipo de implementação de códigos dentro do HTML do seu blog e claro, dê preferências ao blog de teste! Caso não saiba fazer Backup? Não tem problema, clique em: Como fazer um Backup ou restauração do seu blog.

  PASSO 1


1 - Acesse o painel do seu blog e vá em "Layout" e "Adicionar um Gadget"

2 - Selecione o gadget de "Arquivo do blog"

3 - Configure-o da seguinte maneira: 

• Estilo → Lista simples
• Freqüência de arquivamento → Mensal
• Formato da data – Mês → Janeiro (Nome inteiro do mês)

Configure dessa maneira


3.1 - Clique em "Salvar"


  PASSO 2


1 - Agora vá em "Modelo" e "Editar HTML"

2 - Tecle Ctrl + F e na caixa de busca procure por:


<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'>...</b:widget>
 

Caso tenha alguma dificuldade na hora da busca, selecione no código somente o nome "BlogArchive1". 

 procure por: "BlogArchive1"

3 - Selecione todo o código encontrado e substitua por este outro:


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


5 - Salve o seu template.
No código javascript, há um trecho em vermelho "Veja Todos os Posts do Mês". Você poderá mudar essa frase pela sua preferência. Por exemplo: "Todos os Posts do Mês" ou ""Todas as postagens do Mês". Altere da forma que desejar.


  PASSO 3 

1 - Ainda dentro do HTML do seu blog, procure por: ]]></b:skin>


 ]]></b:skin>  


Acima dele cole o código CSS abaixo:
2 - Configure as cores que desejar. Salve e pronto!

Beijinhos

Abaixo alguns modelos já personzalizados.

Estilo 1
calendário estilo 1


_________________________________________________________
Estilo 2
calendário estilo 2

_________________________________________________________

Estilo 3
calendário estilo 3


_________________________________________________________
Estilo 4


Não funcionou?
Verifique se o seu blog está público e com o feed ativo em "completa"
Para a alteração vá em  CONFIGURAÇÕES.


Compartilhe


2 comentários:


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço!

Apenas peço que leia:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com palavras de baixo calão, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

Beijinhos ♥


Divulgue o seu Blog

Agenda dos Blogs - Blog de divulgação de blogs

Agregadores e Amigos

Atoananet Linkirado Linkicha GeraLinks Universo das Dicas
subir