Faixinhas diferentes em cada gadget

Bom dia, olá nekos como voces vão de férias? eu estou completamente entediada, estou pensando em arranjar um emprego não sei, é horrivel depender dos meus pais para tudo, e tipo não posso comprar nada sem dar uma satisfação. Outra que eu queria trocar meu celular, tenho o Gram Prime porém ele está travando muito, mas não é a hora de trocar ele já. preciso de um notbook novo isso sim o meu está um lixinho kk esse ano eu tenho estagios e fica dificil, trabalhar e conseguir folga para o estagio,  aiai tanta coisa para eu me decidir :(

Lembram do layout do snsd? eu não sei se lembram mas estou querendo disponibilizar ele aqui.. porém é um layout meio complicadinho, e eu não tenho nenhum codigo da sidebar dele, porém se quiserem ele eu disponibilizo. Agora a postagem o tutorial é do blog Birthday Cake então o crédito é totalmente deles, o tutorial é de como colocar faixinhas diferentes ( escritas no photoshop ) para cada gadget especifico!

Prestem bastante atenção qualquer errinho você pode acabar errando o tutorial todo, sugiro a voces á fazerem todas as faixinhas, você abre seu photoshop, ou photo filtre escreve o nome e coloca o numero do seu Gadgets,  e vai fazendo tudo direitinho.. 

ex de faixinha 

Deixe as faixas todas prontas, e hospedem elas na internet eu uso o picasaweb, ou tumblr mais tem vários outros sites..

Vá no teu HTML e procure pelo título do seu gadget. Por exemplo, o gadget de "bem vindo ( mais está welcome na faixinha ) ", o meu está assim:

<b:widget id='HTML4' locked='false' title='bem vindo' type='HTML'/>

A parte em negrito é a ID do gadget ( é essa parte que vc irá copiar )  e em itálico é o que você achou ao procurar o título do seu gadget. Copie o ID e agora procure por ]]></b:skin> e logo acima você vai colar esse código:

#IDdoGADGET h2 { background: url('LINK DA FAIXA') no-repeat; color: transparent; width: 310px; height: 75px; margin-top: -30px; margin-left: -35px; float:left; }

Aonde está em negrito você vai trocar pela ID do gadget, e em itálico, é a URL da faixinha, você tem que repetir esse tutorial diversas vezes para aplicar em todos, colocando ID's e imagens de cada gadget

 Agora você deve procurar por .sidebar .widget { e dependendo do seu HTML, deve estar mais ou menos assim: 

.sidebar .widget {

border-bottom: 2px solid $(widget.border.bevel.color);

padding-bottom: 10px;

margin: 10px 0;

}

Apague esse código por completo e coloque esse no lugar: ( obs : altere os numeros para ir configurando, suas ribbons ( faixinhas) )

.sidebar .widget {background: #fff;padding-left: 10px;padding-bottom: 10px;padding-right:10px;padding-top: 5px;margin: 30px 0; } 

Bom então é isso gente, espero que tenham gostado do tutorial, os créditos são totalmente do BC, oks? kissus! o Bc está fechado no momento porém ainda sim creditem eles e ao KT