Mostrando postagens com marcador tutorial. Mostrar todas as postagens
Mostrando postagens com marcador tutorial. Mostrar todas as postagens

16.7.14

Trocar frase do gadget "Arquivo do blog" por "Selecionar mês e ano" (menu suspenso)
Atendendo o pedido de uma leitora, trago para vocês um tutorial super simples e eficaz.
Quando instalamos o gadget de arquivo no nosso blog, temos três opções de estilo: hierarquia, lista simples e menu suspenso. Quem opta pelo menu suspenso percebe que o texto dentro da caixa é o mesmo do título do gadget, o que vou ensinar para vocês hoje é como trocar tal frase do menu por outra - como mostra o exemplo a seguir.
! Atenção: tutorial válido somente para quem utiliza o Blogger.

6.2.14

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!

Encontrado no weheartit
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õesCódigo

Modelo #3 ListrasCódigo

Modelo #4 PaisleyCódigo

Modelo #5 FaixaCódigo | Visualize

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