Personalizar o gadget Arquivo do Blogger

1. Incluir ícone ao lado dos links e substituir a setinha por um ícone





Entre na aba “design” >> “editar html” >> não precisa marcar a caixinha “expandir modelos de widgets, copie o código abaixo e cole-o ACIMA de ]]></b:skin>

.BlogArchive #ArchiveList a{
background: url(URL-DO-ICONE) no-repeat scroll 10px center;
font-size:14px;  /*--edite tamanho da fonte--*/
color: #000;   /*--edite cor da fonte--*/
padding:5px 3px 5px 25px;  /*--edite espaçamento se quiser--*/
text-indent:0px;
list-style-type:none;
}
.BlogArchive .zippy {
display:none;
list-style:none outside none;
}

2. Incluir barra de rolagem no gadget de arquivo

O gadget de arquivo ocupa bastante espaço na sidebar, principalmente se no seu blog existir muitas publicações. Mas também ficar sem ele não é uma boa opção, afinal, o gadget arquivo, contem algumas palavras-chaves e é muito importante, para que suas páginas apareçam nas buscas.
Para resolver esse problema de espaço, você tem a opção de configura-lo como “Menu Suspenso”, mas se não quiser configurar dessa maneira, você pode incluir uma barra de rolagem e assim determinar a altura que você deseja, economizando bastante espaço na sidebar.

Entre na aba “design” >> “editar html” >> não precisa marcar a caixinha “expandir modelos de widgets, copie o código abaixo e cole-o ACIMA de ]]></b:skin>

#BlogArchive1{
border:1px solid #000;  /* ---Coloque borda se quiser ---*/
padding:5px;  /* ---edite as medidas ---*/
background-color:#FFFFFF;  /* ---Coloque a cor de fundo se quiser---*/
width:auto;   /* ---defina a largura se quiser ---*/
height: 200px; /* ---edite a altura ---*/
overflow: auto;
}

Edite as cores de acordo com seu gosto.
O comando overflow: auto; faz como que a barra de rolagem apareça automaticamente, apenas se altura do gadget arquivo ultrapassar os 200px. Se quiser, edite esse valor.