Tutorial - colocando faixinhas nos Gadgets igual ao meu.

 Olá Brabuletas do meu jardim kk', bom hoje trago um tutorial muito legal
e de como colocar essas faixinhas como ali do lado bom
o código que peguei deixava muito feio então fiz
algumas modificações até chegar em um resultado legal, por isso
o código foi praticamente criado por mim. então vamos lá?


vá em layout>adicionar GADGETS e escolha a opção:
HTML/javascript cole e cole o código abaixo:




<style>
/**PERSONALIZAÇÃO DA SIDEBAR/Bloguinho Cute**/
.sidebar .widget {
width:100% !important;
background:#fff;
margin:10px 0 !important;
border-top:10px #FF69B4 solid;
border-radius:0 0 10px 10px;
padding:10px;
box-shadow: inset 0 0 20px #eee, 0 0 3px #ccc;
overflow:hidden
}
.sidebar .widget h2 {
font: normal normal 20px calligraffitti;
text-shadow: 0px 0px 1px #FF1493;
color: #FF1493;
text-align: center; /*Alinhamento do texto*/
margin-top:-10px /** MARGIN **/;
margin-left:-9px /** MARGIN **/;
margin-bottom:10px /** MARGIN **/;
padding:5px;
width:107%;
overflow:hidden
}
/** FIM DA SIDEBAR**/
</style>
Salve, e se caso as cores não combinarem com seu layout ou você não gostar
basta fazer as seguintes alterações:

Conhecendo melhor:

Para mudar a cor daFAIXA modifique o que está em rosa pela cor desejada: 

border-top:10px #FF69B4 solid;

Para mudar a cor da LETRA modifique o que está em verde pela cor desejada;

color: #FF1493;

Para pegar o código das cores que deseja consulte á Tabela de Cores