Formulário de contato

Nome

E-mail *

Mensagem *

Widget de arquivo com barra de rolagem

Para glória do Senhor Jesus!


Gosto muito do widget de arquivo nos blogs. É esse widget que me salva quando estou a procura de um post antigo e não o encontro pelo botão pesquisar e nem pelos menus de navegação. Inclusive, às vezes é mais fácil pesquisar em um blog pelo widget de arquivo que em qualquer outro lugar, pois contém a data, assim podemos buscar um post apenas em determinado ano ou mês. Eu sou muito curiosa, e quando chego em um blog novo pra mim e que já tem muitas postagens, costumo ir lá no arquivo buscar os primeiros posts. Acho muito emocionante ver como um blog nasceu. Pode ser piegas isso, mas me estimula como blogueira, me inspira, sabe?

Porém, nosso widget de pesquisa do Blogger tende a ocupar muito espaço na barra lateral conforme vamos postando ao longo do mês. Há blogs que o tem em formato de calendário, lista simples ou menu suspenso. Mas eu prefiro em estilo de hierarquia, com as setinhas que expandem, pois facilita a navegação, já que, além de mostrar o ano e o mês, mostra previamente os títulos das postagens.

Então para fazer o widget de arquivo não ocupar tanto espaço ao longo do mês, coloquei-o dentro de uma "caixa" com barra de rolagem.

Para fazer isso, antes de tudo, faça backup do seu template.

Em seguida é preciso ter, obviamente, o widget de arquivo já instalado no blog.
Depois, basta entrar em MODELO >> EDITAR HTML. Clique dentro do HTML e depois dê um Ctrl+F. No buscador pesquise por ]]></b:skin> .

ACIMA de ]]></b:skin> cole o seguinte código css:

#ArchiveList {
overflow:auto; /* Não altere */
width:100%; /* Largura da caixa, é flexível, não altere */
height:220px; /* Altura da caixa, altere se desejar */
margin: auto 5px 8px auto; /* Não altere */
border:1px solid #ddd; /* Tipo e cor da borda, altere se desejar */
}


Visualize, se estiver tudo ok, salve.

Outro modo de instalar o código é indo no painel PERSONALIZAR. Veja imagem:



Tendo entrado no painel, clique em AVANÇADO >> ADICIONAR CSS. No espaço em branco, cole o código.


Visualize a modificação pelo seu painel mesmo, se estiver tudo ok, salve.
    Beijoka 😚!
    Gratidão
    Author Image

    Meri Pellens
    Cristã, mãe e blogueira com necessidades físicas especiais. Aprendiz e amante viciada de xadrez, busco viver cada dia como único, valorizando todos os momentos com olhos fitos no Senhor. Amo trabalhar com blogs e artes digitais.

    5 comentários:

    1. Amiga Meri,
      Tentei, mas deu frase não encontrada :(

      O que será que fiz mal?

      Um beijinho

      ResponderExcluir
      Respostas
      1. Oi, Fê.
        Estranho. Já refiz a instalação em outro blog e não tem erro. Está tudo certo com o tutorial. Mesmo assim acrescentei um outro modo de instalar o código. Talvez seja mais simples para você.
        Bjk.

        Excluir
      2. Meri, já lá está! :)
        Bem mais simples amiga.

        Beijinho grato

        Excluir
      3. Que bom que conseguiu, Fê.
        Bjk 😙

        Excluir
    2. Meri, você é gênia querida!!
      Há tempos que eu procurava algo assim e nunca encontrava!
      E foi tão fácil para instalar!! Que maravilha!!!
      Eu queria muito deixar um índice para facilitar a procura dos artigos bem à vista dos leitores e você me salvou!!
      Acabei de colocar no meu blog e amei!!
      Muito, muito obrigada!!
      Beijos e um final de semana maravilhoso!

      ResponderExcluir