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!