1.Primeiro Antes de Tudo Faça um backup não me responsabilizo por danos em templates
1.1 Vamos Usar como exemplo pra nosso tutoriais os Icones do Chrome, Firefox, Explore.
2. Adicionando o CSS Procure por ]]></b:skin> e cole acima o codigo destacado abaixo:
#chrome:hover {
background:url(http://i.imgur.com/uY0TP.png) no-repeat;
width:190px;
height:40px;
float:left;
}
#chrome {
background:url(http://i.imgur.com/OJsM8.png) no-repeat;
width:190px;
height:40px;
float:left;
}
#explore:hover {
background:url(http://i.imgur.com/uY0TP.png) no-repeat;
width:190px;
height:40px;
float:left;
}
#chrome {
background:url(http://i.imgur.com/OJsM8.png) no-repeat;
width:190px;
height:40px;
float:left;
}
#explore:hover {
background:url(http://i.imgur.com/cjzp8.png) no-repeat;
width:190px;
height:40px;
float:left;
}
#explore {
background:url(http://i.imgur.com/ZwfXA.png) no-repeat;
width:190px;
height:40px;
float:left;
}
#firefox:hover {
background:url(http://i.imgur.com/otRnZ.png) no-repeat;
width:190px;
height:40px;
float:left;
}
#firefox {
background:url(http://i.imgur.com/wHErD.png) no-repeat;
width:190px;
height:40px;
float:left;
}
3. Adicione o HTML Destacado abaixo no Local que você queira por eles.
3.3 Onde por o HTML? Procura por <body>.
<div id="chrome">
</div>
<div id="firefox">
</div>
<div id="explore">
</div>
