Mudar ícones no menu lateral do template dinâmico

Querendo seu template dinâmico todo personalizado devemos também modificar o menu lateral modificando não só a cor de fundo mas também os ícones. Para isso é necessário atenção pois, a maneira que disponibilizei o código os widgets terão que seguir uma ordem, e será necessário te-los em seu blog, a não ser que você modifique o código.

Veja a ordem dos widgets

Vá até o "Modelo de seu blog", clique em "Personalizar"

  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Dinâmico, do novo Blogger, implementado em julho de 2011

Ao abrir essa janela, vá em Avançar -------> Adicionar CSS 

Copie e cole este código abaixo, depois clique em "Aplicar ao blog"

/*Icones sidebar --------------------------*/
.ss, #gadget-dock>div:nth-of-type(1) .gadget-icons img,
.ss, #gadget-dock>div:nth-of-type(2) .gadget-icons img,
.ss, #gadget-dock>div:nth-of-type(3) .gadget-icons img,
.ss, #gadget-dock>div:nth-of-type(4) .gadget-icons img,
.ss, #gadget-dock>div:nth-of-type(5) .gadget-icons img,
.ss, #gadget-dock>div:nth-of-type(6) .gadget-icons img,
.ss, #gadget-dock>div:nth-of-type(7) .gadget-icons img,
.ss, #gadget-dock>div:nth-of-type(8) .gadget-icons img,
.ss, #gadget-dock>div:nth-of-type(9) .gadget-icons img,
.ss, #gadget-dock>div:nth-of-type(10) .gadget-icons img
{
display: none !important;
}

#gadget-dock>div:nth-of-type(1) .gadget-icons{
background: url(http://1.bp.blogspot.com/-yF-AcgLY1e0/UHIih1AtXQI/AAAAAAAABac/6fZjWoDOEUU/s1600/User.png) no-repeat center !important; /*perfil*/
}

#gadget-dock>div:nth-of-type(2) .gadget-icons{
background: url(http://3.bp.blogspot.com/-SXNsvwwpa_Q/UHIbB1jhqbI/AAAAAAAABYU/JMoh5eKgGdc/s1600/Bookmarks+2.png) no-repeat center !important; /*marcadores*/
}

#gadget-dock>div:nth-of-type(3) .gadget-icons{
background: url(http://2.bp.blogspot.com/-gDYM-7AH8Tg/UHIbhiGIHQI/AAAAAAAABZ0/fpcJcutTLKQ/s1600/Link.png) no-repeat center !important; /*blogs favoritos*/
}


#gadget-dock>div:nth-of-type(4) .gadget-icons{
background: url(http://3.bp.blogspot.com/-VfO5c_ESbv8/UHIbevg8unI/AAAAAAAABZs/7kMeoRgwwEQ/s1600/Button+Load.png) no-repeat center !important; /*seguidores*/
}
#gadget-dock>div:nth-of-type(5) .gadget-icons{
background: url(http://4.bp.blogspot.com/-bpF-jev36WM/UHIi-RvACTI/AAAAAAAABak/SxsF8hrJmpI/s1600/Magic+Wand.png) no-repeat center !important; /*tradutor*/
}

#gadget-dock>div:nth-of-type(6) .gadget-icons{
background: url(http://4.bp.blogspot.com/-mPOKE_7yRoI/UHIk00l_MGI/AAAAAAAABas/bQ-oivnvoMI/s1600/32x32.png) no-repeat center !important; /*google plus*/
}

#gadget-dock>div:nth-of-type(7) .gadget-icons{
background: url(http://3.bp.blogspot.com/-YlSme3UPrik/UHIbELPiC3I/AAAAAAAABY8/WNBeYVrGjaA/s1600/Drawer+Closed.png) no-repeat center !important; /*arquivo*/
}


#gadget-dock>div:nth-of-type(8) .gadget-icons{
background: url(http://1.bp.blogspot.com/-K2j_mcxSaZk/UHImsTT5hsI/AAAAAAAABa8/1JenpHviSEA/s1600/News+Add.png) no-repeat center !important; /*links favoritos*/
}

#gadget-dock>div:nth-of-type(9) .gadget-icons{
background: url(http://2.bp.blogspot.com/-gq1KyYFWn18/UHIeLmyT8aI/AAAAAAAABaE/c4MLrB0TQy4/s1600/025.ico) no-repeat center !important; /*feed*/
}

#gadget-dock>div:nth-of-type(10) .gadget-icons{
background: url(http://1.bp.blogspot.com/-QukbhF853zE/UHN99lSuQKI/AAAAAAAABbQ/s8qt6CPq7EI/s1600/Document+2+Edit.png) no-repeat center !important; /*increva-se*/
}