05/08/2015
Hoje é dia de Meus Segredos na Blogosfera, minha galera do bem. E o post de hoje é especialmente dedicado a uma amiga blogueira minha, a Érika do Sonhos de Garota, que me pediu muito esse tutorial em html que venho mostrar para vocês hoje. Sabe aquele calendário que tem lá no finalzinho do blog? Então, ele nada mais é do que o gadget Arquivos do Blog modificado em html. Quer aprender? Vem comigo então!
Tutorial em HTML - Arquivo de Blog em forma de Calendário
Tutorial em HTML – Arquivo de Blog em forma de Calendário

Para começar esse tutorial, preciso falar algumas coisas para vocês. A primeira delas é que esse tutorial eu só testei em plataforma Blogger, que como disse em outros posts, é aonde meu blog atualmente está hospedado (ou seja, ele é alvo de muitas gambiarras minhas em html). A segunda coisa é que antes de fazer qualquer coisa em html, salve um backup do seu layout, para caso você tenha algum problema, consiga voltar atrás sem problemas. A terceira coisa é que vou disponibilizar um arquivo em zipado no meu servidor de downloads com os nomes com os códigos separados para vocês usarem em seus layouts (para baixar esse arquivo com os códigos, clique aqui agora mesmo). E a quarta coisa é que para funcionar, o seu blog precisa estar PÚBLICO. Beleza, então vamos começar? 

#01 – INSTALAR O GADGET DE ARQUIVO DO BLOG: 

Instale do gadget de Arquivo do Blog no seu layout e deixe exatamente dessa forma
Instale do gadget de Arquivo do Blog no seu layout e deixe exatamente dessa forma
Adicione no seu layout e instale o gadget de Arquivos do Blog e salve o layout. Se seu blog já tiver esse gadget, maravilha, pode pular diretamente para o passo dois. Deixe seu Gadget exatamente assim, como na foto acima. 
#02 – INSTALANDO O HTML NO MODELO: 
Vá no painel do seu blog, procure a aba MODELO e escolha a opção de EDITAR HTML. Quando aparecer aquela caixa de códigos imensa, de um clique simples dentro dela e aperte CTRL F e vai surgir uma barra de pesquisa. Dentro dessa caixa, digite [[></b:skin> e clique ENTER para localizar. Quando achar o código, cole o conteúdo do arquivo PASSO #02 que está no arquivo em download (para baixar esse arquivo com os códigos, clique aqui agora mesmo) acima dele e salve. Neste código, ele personaliza cores, fontes do seu calendário e você pode editar da forma que mais combinar com seu blog. (ps: o código é longo mesmo, não se assuste).
#03 – INSTALANDO O HTML NO ARQUIVO DO BLOG: 

Procure por BlogArquive1 no menu Ir para um Widget
Procure por BlogArquive1 no menu Ir para um Widget

Lá em cima, na barra antes da caixa do html onde está escrito “ir a um widget”, procure por BLOGARQUIVE1 e clique nele. Esse código começa em <b:widget id=’BlogArquive1′ e termina com </b:widget>. Selecione todo esse código (desde o seu inicio o o fim dele) e substitua pelo código que está no arquivo PASSO #03 que está no arquivo para download (baixa aqui o arquivo, vai?). Depois de substituir, salve 

#04 – INSTALANDO HTML NO HEAD (eu juro que está acabando, tá?)
Dê um CTRL F dentro da caixa de código, para aparecer a barra de pesquisa e digite nela o código </head>. Imediatamente ACIMA deste código, copia o conteúdo do arquivo PASSO #04 (se você ainda não baixou o arquivo, é a última chance) e salve o seu modelo. Depois abra seu blog e veja se onde você deixou o gadget instalado, parece o seu calendário.

Arquivo em forma de Calendário Aberto
Arquivo em forma de Calendário Aberto

Gostaram desde tutorial em html? Ele é um pouco longo, mas espero que ajude você a personalizar mais o seu cantinho na internet? Não pegou no seu blog? Veja se fez os passos corretamente, sem pular nenhum. Caso mesmo assim, não dê certo, talvez seu blog tenha alguma aplicação que esteja conflitando com esse código, então eu recomendo que você procure um profissional. Comenta aqui em baixo o que achou e se conseguiu, me avisa que eu vou adorar ver? Caso tenha dúvidas sobre o tutorial, me mande um e-mail no contato@deixeapenasfluir ou pelo Formulário de Contato, tá? Um beijo a todos e até o próximo post

por Carolina Rabêlo
Compartilhe com os amigos
8 comentários

Leia tambem

  • Resenha: BB Cream Flores & Vegetais…
  • Lenços: 3 formas de usar neste Inverno.
  • Hashtags para Bombar suas Redes Sociais
  • Comente pelo facebook:
    Comente pelo Blog:

    1. Isabel Serra, 5 de agosto de 2015

      Gostei do tutorial… Pensando em fazer um desses no meu.
      Obrigada pela dica.
      bjss
      http://recalcadasealucinadas.blogspot.com.br/

      • Karol Rabêlo, 7 de agosto de 2015

        Imagina, não precisa agradecer, uma ajuda a outra como pode!

        Um Beijo da Rabêlo ♥

    2. Suelen Marques, 5 de agosto de 2015

      Estava pensando em colocar um desses do meu blog esses dias e já sei da onde irei tirar o tutorial! Só para constar também que seu blog é um amor! ficaria horasss por aqui se pudesse!]
      beijo grande, sucesso linda!

      http://eagorasuh.blogspot.com.br/

      • Karol Rabêlo, 7 de agosto de 2015

        Su, que linda você!
        Muito obrigada pelo seu carinho, me deixa muito feliz *-*

        Um Beijo da Rabêlo ♥

    3. Lary Zorzenone, 6 de agosto de 2015

      Acho esses calendários super belezinha e seu tutorial está bem explicado. Vou salvar ele pra tentar fazer no meu mais pra frente.
      Beijos

      Vidas em Preto e Branco 

      • Karol Rabêlo, 7 de agosto de 2015

        Que bom que deu pra entender, tive muita preocupação em deixá-lo bem facinho de entender! Tomara que dê certo no seu blog, Lary 😀

        Um Beijo da Rabêlo ♥

    4. Mari Mesquita, 7 de agosto de 2015

      Acho muito legal ter um calendário no blog. Assim, o leitor sabe se o blogueiro é regular com seus post e não se perde com as atualizações. Também tenho no meu blog e acho lindo quando vejo todo coloridinho com as postagens programadas. Suas dicas são ótimas!!!! Super beijo.
      http://www.juizonacachola.com.br

      • Karol Rabêlo, 10 de agosto de 2015

        Eu também acho um charme essa questão de colorir aonde tem postagem programada *-*

        Obrigada pela visita Mari.
        Beijos :*