Nesse tutorial vou mostrar a vocês como personalizar o gadget marcadores do Blog. Mas pra que isso serve? Então personalizando esse gadget fica muito mais fácil fazer um menu lateral para melhorar a navegação do usuario e garantir que o mesmo encontre mais facilmente o que procura.
O modo é bem fácil, entre no seu blog e clique em design depois em editar html e espandir modelos de widgets, não esqueça de baixar uma copia do modelo. Feito isso procure pelo seguinte código
<b:section-contents id='sidebar-left-1'>Aviso: oque você deve encontrar é a id e o titulo do gadget a ser personalizado, descoberto a id vamos a parte seguinte.
<b:widget id='Label2' locked='false' title='Animes' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
procure por ]]></b:skin> e acima dela crie o seguinte.
#label2{
magin-bottom: -25px;
}
#Label2 a{
text-indent:15px;
letter-spacing: 1px;
background-image: url(endereço da imagem);
background-repeat: no-repeat;
background-position: left;
padding-left:15px}
#Label2 a:hover{
letter-spacing: normal;
font-weight: bold;
background-image: url(endereço da imagem);
background-repeat: no-repeat;
background-position: left}
Com esse código você poderá manipular totalmente o godget colocando imagens de fundos, alterando tamamho e estilo da fonte, definindo bordas e margim. Só cuidado pois para que funcione você deve trocar a id marcada em azul pela id encontrada ai no seu blog, aqui esta como Label2 porque essa é a minha id. espero ter explicado direito. e qalquer coisa é so comentar.
