Marcadores personalizados em duas colunas

Olá Catwalkers, tudo bem?

Passando pelo blog da Anny (Go Imagine), vi um post super legal que vocês blogueiros provavelmente irão gostar. Se liga na ideia. 

O resultado será este:

Vamos começar?

1º Passo: Abra seu gadget de marcadores (se ainda não tem adicione) e deixe ele da seguinte forma:

2º Passo: Abra seu HTML e procure (ctrl+f) por ]]></b:skin> e acima dele cole:

/* Marcadores personalizados - goimagines.blogspot.com */ 
#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; /*tam. 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 é só salvar!
Lembrando que o post original é do Go Imagine e encontra-se aqui.
Qualquer dúvida estou aqui para ajudar ;)
- xoxo