Como colocar ribbons na sidebar + ribbons prontos

Hoje temos tutorial + utilitários, õbaa, na verdade eu só ia postar faixinhas para sidebar, mas daí pensei, acho melhor colocar um tutorial, já que é meu primeiro post de ribbons. 

Como eu disse, é a primeira vez que faço, então espero que me entendam, se acharam as faixinhas feias, mas com um tempo eu vou aprendendo. Quer ver meu desastre minhas faixas? Então clica logo no leia mais! ^-^

Primeiramente o tutorial!

- Vá até o painel de seu blogger, modelo, editar HTML, procure por: (Aperte F3 ou Ctrl F para ajudar)

/* Mobile 

- Assim que achar, cole o seguinte código acima de body.mobile.

.sidebar .widget h2{
background: url(LINK DA SUA FAIXINHA)  no-repeat left;
margin-top:-2px;
margin-left:-19px;
margin-bottom:0px;
padding:15px;
width:150%;
overflow:hidden;
}

- Se o título do seu gadget não ficar certinho na faixa, é só você ir mudando o número quinze do padding: 15px; e visualizando até dar certo.

- Se a faixinha não funcionar é só acrescentar dois ' dentro dos parênteses. Observe:

background: url('LINK DA SUA FAIXINHA')  no-repeat left;

Reparou nas aspas dentro dos parênteses?!

(Créditos do tutorial: aqui)

Agora vamos as faixinhas, feitas com muito carinho pra vocês! ;3
Não ficaram exatamente do jeito que eu queria, mas até que... não foi um desastre total. :P