Ensinei aqui uma forma fácil e simples de personalizar o gadget Arquivo de seu blog.
Recorde: http://www.elainegaspareto.com/2015/04/personalizar-o-gadget-arquivo-do-blog.html
Hoje vou ensinar uma personalização que de vez em quando faço em meus trabalhos de design e personalização de blogs.
Os créditos originais desse hack são de um blog que atualmente está fechado: http://phydeaux3.blogspot.com/
O modelo está presente no Template Pretty, à venda na minha loja de templates à pronta entrega.
Vai lá! Quem sabe você não se encanta e acaba adquirindo um dos templates?
Seguindo o tutorial você terá esse resultado:
Leia atentamente antes de começar
- Leia o tutorial todo antes de começar; muitas vezes a gente fica ansioso pra fazer e vai lendo e fazendo, pra no fim descobrir que deveria ter lido antes. Então, siga a dica: leia até se certificar de haver entendido.
- Faça antes em um blog de testes, até se sentir seguro.
- O blog onde for instalar o recurso precisa ser público, ter o arquivo instalado e configurado como explico no tutorial.
- E, claro, a dica da tia Elaine: faça backup de seu template sempre que for editar o código-fonte dele.
Tomadas as precauções, vamos ao tutorial, que apesar da aparente dificuldade é muito simples e fácil, são apenas alguns passos simples.
Para começar você deve ter o gadget Arquivo do blog instalado em seu blog.
Para isso vá em Layout/Adicionar um gadget/Arquivo do blog e configure-o exatamente assim:
Salve.
Agora vá ao seu painel do blog, clique na aba Modelo, escolha a opção Editar HTML e dentro da caixa de códigos tecle Ctrl+F.
Na barra de pesquisa que abrir digite ]]></b:skin> e tecle Enter para localizar.
Acima da tag localizada cole esse código:
Ele define a aparência de seu arquivo, coisas como cores, fontes, bordas.
Deixei marcado no código as áreas editáveis, ok?
Edite para que combine com seu blog, e salve.
Claro que por enquanto nada vai aparecer.
Vamos à etapa seguinte.
No menu superior do seu código-fonte, (onde está escrito Ir para um widget) localize o BlogArchive1, que é justamente o seu widget.
Assim:
Trata-se de um código longo, que começa com <b:widget id='BlogArchive1' e termina com </b:widget>
Você precisa selecionar todo o código, e substituí-lo por este, que fará a personalização ser possível:
Depois de substituir o código original pelo código que disponibilizei, salve.
Estamos acabando.
Dentro da barra de busca digite </head> e tecle Enter.
ACIMA dessa tag de fechamento cole o 3º código:
Salve as alterações.
Se tudo deu certo você tem agora um lindo e fofo calendário que marca as suas postagens.
Fiz tudo e não deu certo. O que houve?
- Seu blog pode ter algum script que conflite com os códigos do arquivo;
- Você pulou alguma parte;
- Você colou algum código no lugar errado;
- Seu blog é privado (sim, tem que ser blog público);
- Você não configurou o Arquivo do jeito que mostrei no começo: lista simples, arquivamento mensal, nome do mês completo.
Sugiro que leia e releia, faça e refaça até ter certeza de que fez tudo certo.
Leia os códigos, em especial o primeiro, ele te dirá onde alterar cores, fontes, etc...
Olá, Elaine! Comentando só pra agradecer...funcionou direitinho. Já usei alguns de seus tutoriais e eles têm me ajudado bastante. No meu blog (que ainda está em construção) já tem lá na página "sobre" uma área de créditos aos blogs que me ajudam e o seu já está lá!
ResponderExcluirOi, Elaine.
ResponderExcluirPassando para agradecer aqui no teu blog. Ficou muito bom. Obrigada pelo carinho.
Bjs.
Gostava tanto de saber fazer tudo isso que ensina!
ResponderExcluir:) bjs
Oi Elaine,
ResponderExcluirAcabei de instalar o calendário, ficou uma graça. Amei a dica. Obrigada por compartilhar conosco.
Beijos.
Oi Elaine,
ResponderExcluirInstalei o calendário e correu tudo bem, mas os dias da semana estão sendo exibidos duas vezes, teria como me dar uma dica de como concertar isso?
http://blogrosaexplosivo.blogspot.com.br/p/home.html
Ana, infelizmente eu não o motivo...
ExcluirOi Elaine!
ResponderExcluirColoquei a lista de arquivos do blog no estilo "Hierarquia", mas sempre que clico num mês, ele não se expande para exibir as postagens. Ele atualiza a página inteira... E tenho que usar a barra de rolagem para voltar até onde o abençoado está.
Será que vc tem alguma dica pra me ajudar?
Este é o meu bloguito: http://aestranhaestantedagi.blogspot.com.br/
Beijokinhas!
Giani, acho que esse script não funcionará em seu blog devido ao fato do seu template ser muito modificado.
ExcluirLamento...
Que pena...
ExcluirMas obrigada mesmo assim! ^_^
Elaine, eu não consigo achar nenhum desses códigos no templante do meu blog! :( Faz tempos que procuro uma forma de editar o HTML, mas nada é encontrado! Me ajude!!
ResponderExcluirwww.blogisabellefreire.blogspot.com
Eu também não
ExcluirOi Elaine,
ResponderExcluirantes demais muito obrigada pelas dicas são fantásticas!! Não sei o porquê mas quando instalei o calendário apareceu com o mês e os dias da semana, mas não com os dias... sabe porquê?
Obrigada
https://sweet-timeless.blogspot.com
Estou com o mesmo problema :/
ExcluirOi Elaine,
ResponderExcluirApliquei o calendário no meu blog assim que você publicou (comentário n.4) e adoro. Só que de uns tempos pra cá percebi que o calendário mostra, por exemplo, 3 dias com posts, porém ao lado do nome do mês aparece o número 2. Analisando hoje o que estava acontecendo, percebi que os dias em que crio um "rascunho" também ficam assinalados no calendário. Será que tem alguma forma de contornar isso?
Beijos
patriciaaprendendo.com
Elaine, sou eu de novo. Depois de algumas tentativas, consegui contornar o problema da exibição de datas dos rascunhos: programei o rascunho para publicação em dias que já tem post publicado, e salvei. Funcionou direitinho! Assim no calendário só aparecem os dias onde realmente tem post publicado.
ResponderExcluirBeijos.
Muito Muito legal Elaine serviu direitinho!✡✡
ResponderExcluirBlog Com Mãos de seda ✡✡ Fan Page do Blog✡✡
Oi Elaine.
ResponderExcluirPassando para agradecer suas dicas que estão sendo maravilhosas.
Funcionando direitinho.
Muito obrigada.
Bjos
http://historiasexistemparaseremcontadas.blogspot.com.br/
Obrigada Elaine! Finalmente consegui deixar meu blog a minha cara !
ResponderExcluirComo sempre um ótimo post, muito bem explicadinho...
ResponderExcluirFicou lindo...
Beijo, e obrigado!
Vivi
http://coisasdavv.blogspot.com.br/
Oi Elaine, tudo bom?
ResponderExcluirSempre uso seus tutoriais, é o blog que eu tenho como base pra esse tipo de coisa.
Coloquei o arquivo no meu blog e está direitinho, só tem um probleminha: os dias do mês que eu postei estão aparecendo de qualquer maneira (dias aleatórios, geralmente um dia a mais do q eu realmente postei).
Você acha que pode ser erro meu ou talvez seja no seu código????
Obrigada!
www.tipoludi.com
Ludimara, experimente refazer em um blog de testes.
ExcluirÉ o mesmo código que uso em meu trabalho e nunca deu erro...
bjssss
Olá Elaine
ResponderExcluirSerá que não tem como mudar a cor, de rosa para outra cor?
Não sou a Elaine mas acho que posso ajudar né?
ExcluirNo código que se localiza dentro do tem alguns códigos de cores e é esse que você pode personalizar.
Abaixo de /*Head Entries */ há uma tag background:#ff458b e é aí que você substitui, muda por exemplo para: #000 que é a cor preta.
Veja a tabela aqui:http://html-color-codes.info/
Oi Elaine, muito obrigada, eu consegui fazer, ficou lindo!
ResponderExcluirConfigure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format =/
ResponderExcluirDeu tudo certinho, obrigada!
ResponderExcluirO único problema que deu foi não aparecer os dias do mês! Há alguma forma de resolver?
ResponderExcluirEstou com o mesmo problema :/
ExcluirTO com o mesmo problema agora. Estavam normal, mas sumiram as datas. Os quadradinhos ficaram vazios.
ExcluirComigo aconteceu a mesma coisa! E não acho como resolver :(
ExcluirOlá, Elaine! Deu certo, ainda bem. Faz tempo que queria colocar. Obrigada, bjs! ♥
ResponderExcluirhttps://colossense.blogspot.com.br/
Oi Eliane queria. amo seus tutorias... Me diz uma coisa como retiro os links que titulo que aparecem a baixo, pra deixar o o calendario, ja tirei um vez mas agora não estou conseguindo. Obrigado linda!
ResponderExcluirHum, não sei dizer.
ExcluirMinha dica é que retire os códigos e recoloque.
Isso pode acontecer, varia de acordo com cada template...
Elaine, eu não consigo marcar a opção de mostrar os títulos das postagens :( já tentei e tentei, como não consigo, as datas não aparecem, só mês e dia da semana. Não sei o que pode ser, já olhei todo o código e não achei erro...
ResponderExcluirEu também não consigo =(
ExcluirMuito obrigada
ResponderExcluirMuito obrigada! Fiz e ficou top , adorei , http:/sempreligadanasnovidades.blogspot.com.br/ bjs ,Elaine !
ResponderExcluirJá utilizei este tutorial umas 10 vezes e sempre dá certinho!!!! Amo!!!!
ResponderExcluirFeito!
ResponderExcluirGratidão
Elaine, o meu gadget estava funcionando corretamente, mas de uma hora pra outra ele começou a não mostrar mais as datas,fica só uma grade com espaços pequenos e vazios. Você tem como me ajudar com isso?
ResponderExcluirNanda, aparentemente o Blogger fez alguma mudança e esse hack não está mais funcionando.
ExcluirComo não se trata de script externo creio que seja isso mesmo, alguma alteração do próprio Blogger. Infelizmente não há o que fazer, por enquanto...
Elaine você pode ensinar como reverter?
ExcluirKris, vá refazendo os passos só que ao contrário: retire os códigos inseridos anteriormente ou simplesmente exclua o gadget. Talvez volte a funcionar pois vi algumas reclamações no fórum do Blogger...
ExcluirO meu não funcionou, a princípio estava pegando normalmente, tudo ok, mas agora as datas sumiram! Tem como me ajudar? Refiz tudo certinho como se fosse colocar um novo, mas as datas continuam sumidas!
ResponderExcluirhttps://www.malkalima.com
Malka, aparentemente o Blogger fez alguma mudança e esse hack não está mais funcionando.
ExcluirComo não se trata de script externo creio que seja isso mesmo, alguma alteração do próprio Blogger. Infelizmente não há o que fazer, por enquanto...
Eu amava esse calendário, usava em todos os meus blogs... fiquei arrasada quando parou de funcionar...
ResponderExcluirEu também...
ExcluirOi Elaine, pena que não está mais funcionando. Vi vários blogs com este calendário com problemas, achei que fosse algum script. Tem muita gente que usa. Vim conferir se o seu tutorial estava funcionando, mas também não está. Pena, tão lindo o gadget <3 bjs
ResponderExcluirportalmeraki.blogspot.com