Marcadores do blog personalizados em formato de lista com efeito de transição

Olá, querido leitor que também possui um blog!
A postagem de hoje é especial para você! Ela mostra como personalizar os marcadores de seu blog e deixa-los assim, em formato de lista colorida com lindo efeito hover de transição, semelhante ao que eu uso atualmente (2017) aqui no blog.
Veja ali na aba Categorias como fica, ou confira na demonstração abaixo:


Demonstração do tutorial

Vamos aprender?
Para começar você precisa ter inserido em seu blog o gadget Marcadores.
Faça assim: vá ao painel de seu blog e clique em Layout. A seguir clique em Adicionar um gadget e dentre as opções selecione Marcadores.
Configure para exibir em formato Lista, marque para mostrar a quantidade de posts por marcador e salve.
Arraste para onde deseja que fique e salve a alteração do Layout.
Agora clique em Tema e então clique em Editar HTML.
Dentro da caixa do código-fonte de seu blog tecle Ctrl+F e na barra de busca que expandir digite </head> e tecle Enter para localizar. ACIMA dessa tag de fechamento cole este código:


Copiar o código

Salve e tá pronto!
Todas as cores podem ser alteradas; basta trocar o código hexadecimal que aparece sempre precedido de #.
Aqui tem uma tabela de cores.

Viu que simples que é?
Aproveita que foi tão fácil e deixe seu comentário de incentivo!
Também agradeço se você puder curtir ou compartilhar esse tutorial em suas redes sociais.
Muito obrigadinha!!!