Tutorial: Marcadores Personalizados + Colorir a Butterfly™ e a Caterina™ !

Sorteio rolando, e eu estou participando (kaorii.com)

Oi, pessoal!  

+'*^=^*'+

Bem como vão? Eu fiquei dois dias sem postar, mais sempre vir aqui dar uma olhadinha aqui, e moderar os comentários, e outra sem as novidades dos filmes, minha inspiração vai á estaca zero, então queria pedir que pedissem na ask, ali na sidebar, algo que vocês queiram. Eu estou preparando um layout de natal que vocês vão A-D-O-R-A-R -n

Bom, vocês viram os marcadores ali do lado, eu vim trazer o tutorial de como fazer esse marcador, lindo, fofo, fácil, e prático, eu digo e redigo não cai a mão fazendo ele çrçrçr. Também trouxe, algumas imagens para colorir da Butterfly e da Caterina, ou seja do filme ''Barbie Butterfly e a Princesa Fairy'' eu amei as imagens, e imprimi T-O-D-A-S, sei que vocês vão adorar conheço meus totosos -q Enfim, trouxe o print screen do marcador: 

Primeira, vá em Modelo --> Editar HTML --> Clique em qualquer coisa dentro do HMTL e aperte o conjunto de teclas Ctrl+F procure por </b:template-skin>  Em alguns layouts ele vai estar fechado então procure <b:skin>...</b:skin> E aperte os três pontinhos. Quando achar cole ''em cima'' do </b:template-skin> esse código:

.widget ul, .widget #ArchiveList ul.flat {
list-style: none;
padding: 5px;
}
@font-face {font-family: 'Pf Arma Five'; src: url('http://static.tumblr.com/oqppubz/3LImeo4dp/pf_arma_five.ttf') format('truetype'); font-weight: normal; font-style: normal;}
.widget ul li, .widget #ArchiveList ul.flat li {
display: inline-block; /* Não altere, divide em blocos */
width: 50px; /* Não altere, tamanho dos blocos */
font-family: silkscreen; /* fonte */
font-size: 8px; /* Tamanho da fonte*/
color:#3d4e49; /* Cor da fonte */
text-shadow: 0 1px 0 #8ab0a4; /* Cor da sombra das letras */
text-align: center; /* Centralizado */
background-color: #9ac4b7; /* Cor dos blocos */
margin: 2px; /* Não altere */
padding: 3px; /* Não altere */
-webkit-border-radius: 2px; /* Tamanho das bordas*/
-moz-border-radius: 2px; /* Tamanho das bordas*/
border-radius: 2px; /* Tamanho das bordas*/
}
.widget ul li:hover {
background-color: #cc7987; /* Cor dos blocos em Hover*/
text-shadow: 0 1px 0 #663c43; /* Cor da sombra das letras em Hover */
-webkit-transition-duration: .50s;
}

Faça as modificações de acordo com a cor da paleta do seu blog.. Fonte

Imagens Para Colorir

Clique nas imagens para ampliá-lás, se no seu pc não der clique do outro lado do mouse e clique em ''Abrir imagem em uma nova guia''

Agora algumas imagens que contam sobre Flutterfield e Butterfly: