Tutorial: Marcadores Personalizados

Oii meus amores!! Hoje eu vim trazer um tutorial ensinando a fazer os marcadores igual do blog. Esse tutorial não é de autoria minha, e sim da Anny S. do blog Go Imagine. O resultado vai ser esse:

Então vamos para o tutorial.

Vá no painel do Blogger, clique em Layout e abra seu gadget dos marcadores e deixe ela da seguinte forma:

Vá em Modelo, clique em Editar HTML, clique em CTRL+F e pesquise por ]]></b:skin> logo ACIMA dessa tag cole:

/* Marcadores personalizados */ 
#Label1 ul li{ 
float: left;
width: 45%;
font-family: 'Dosis', sans-serif; /* fonte, se preferir troque */
text-transform: uppercase; /* letras em maiúsculo, se não quiser apague a linha */
font-size: 16px; /*tamanho da fonte*/
background: #fff; /*fundo*/
border-bottom: 2px solid #ccc; /* borda de baixo do marcador */
margin: 5px;
font-weight: normal;
list-style-type:none;
}
#Label1 ul li:hover{ 
background: #EAEAEA; /*fundo hover*/
border-bottom: 2px solid #FF51A8; /* borda de baixo do marcador hover */
}

Visualize e se estiver tudo certo, salve!