Personalizar menu suspenso do gadget "Arquivo do blog" + Modelos prontos

Olha só quem resolveu dar uma de professora autodidata e trouxe um tutorial simples e bacana pros blogs amigos que votaram na enquete pedindo por tutoriais? \o/ As partes mais bonitas do blog estão nos mínimos detalhes, e grande maioria deles se encontram nos gadgets - na minha humilde opinião. Sem muito exagero nem blá blá blá, vamos ao que interessa!

Reprodução: We Heart It

Primeiro você deverá ajustar o gadget do arquivo para que ele fique como "Menu Suspenso", vá até a página Layout e clique em Editar no gadget do arquivo, deixe da seguinte forma:

Salve. Agora vá até Modelo >> Editar HTML. Escolha um dos modelos abaixo, copie o código e cole acima da tag ]]></b:skin> (caso não achar, procure usando a tecla F13 ou Ctrl + F) e salve.

Modelo #1 Personalize

/* Arquivo blog - personalize - chavecriativa
-------------------------------- */
#BlogArchive1_ArchiveMenu {
background: url('url_do_background') repeat #bbd7cf; /* imagem ou cor como fundo */
color: #000; /* cor do texto */
text-shadow: 1px 0px #fff; /* sombra do texto */
font: italic 11px Arial; /* formatação do texto: normal, bold ou italic; tamanho da fonte; tipo da fonte */
letter-spacing: 0.1em; /* espaçamento entre as letras */
border: 1px solid #fff; /* espessura, tipo e cor da borda */
margin-bottom: -5px;
padding: 7px; /* espaçamento interno */
width: 100%; /* largura */
-webkit-transition: 0.2s;
}

  Modelo #2 Tubarões | Código

Modelo #3 Listras | Código

Modelo #4 Paisley | Código

Modelo #5 Faixa | Código | Visualize

Bom, espero que vocês tenham gostado! Preparei esse post com muito carinho <3 Beijão e até a próxima!