Hoje vamos aprender como inserir e personalizar a lista de categorias (marcadores) no seu blog. Você pode colocar cores de fundo dando aparência de botões nos marcadores do blogspot usando apenas algumas linhas de códigos CSS que vamos disponibilizar ao final da postagem para formatar e personalizar as cores os links dos marcadores do seu blog.
Colocar Marcadores, Categorias no Blogger
Entre na pagina Layout > Adicionar Gadget > Marcadores.
Selecione o item: Todos os marcadores. Use a opção nuvem (cloud) e não marque a opção: Mostra o número de postagens por marcador. Isto é por causa do código que vamos mostrar, mas se quiser uma lista normal de marcadores pode escolher e testar as opções que desejar até que seu gadget de marcadores fique do jeito que você gosta.
Personalizar os Marcadores do Blogger
Agora entre na pagina modelo, clique no botão editar HTML e procure (ctrl+F) por ]]></b:skin>.
Agora coloque esse código antes dele:
Neste código você pode alterar as cores e espaçamento como desejar, veja abaixo:
background-color:#0090D5; - cor de fundo
padding:5px 10px; - espaço dentro do botão: 5px acima e abaixo e 10 para os lados
margin:5px; - espaço vazio em volta dos botões
font-size:13pt; - tamanho do texto
color:#fff!important; - cor do texto
Veja aqui o link de um site para gerar código de cores em HTML
CLIQUE AQUI para ser direcionado para o site.
0 Comments:
Postar um comentário