Marcadores Personalizados

Olá pessoal, hoje o post é bem legal e deixa o blog lindo, eu vou ensinar como deixar os marcadores assim:

Bonito, né?

Para colocar adicione o gadget marcadores na sidebar, e deixe em Cloud, assim:

Depois vá em Modelo e clique em HTML, procure por ]]></b:skin> acima dele cole:

/*------------- Start label by www.dicasblogger.org -------------*/.label-size{margin:0;padding:0;position:relative;}.label-size a{float:left;height:24px;line-height:24px;position:relative;font-size:12px;margin-bottom: 9px;margin-left:20px;padding:0 10px 0 12px;background:#f78bae;color:#fff;text-decoration:none;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;}.label-size a:before{content:"";float:left;position:absolute;top:0;left:-12px;width:0;height:0;border-color:transparent #f78bae transparent transparent;border-style:solid;border-width:12px 12px 12px 0;}.label-size a:after{content:"";position:absolute;top:10px;left:0;float:left;width:4px;height:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:#fff;-moz-box-shadow:-1px -1px 2px #bc5d7a;-webkit-box-shadow:-1px -1px 2px #bc5d7a;box-shadow:-1px -1px 2px #004977;}.label-size a:hover{background:#d67b7b;}.label-size a:hover:before{border-color:transparent #555 transparent transparent;}/*------------- End of label by www.dicasblogger.org -------------*/

Visualize, se estiver tudo certo salve, qualquer dúvida sobre esse tutorial comente aqui, espero que tenham gostado, Tchauu até o próximo tuto...