Tutorial: Borda colorida nas imagens

                
           Oola Gente , Hoje Vou Ensinar Como Fazer Borda Colorida Nas Imagens , Nivel ( FACIL)
                            Vamos Lá , Clique Em Maais Imformações Para Ver O Tutorial : ))
Creditos (Inside Of Me )

 . Primeiro, abra o painel do seu blog e clique em 'Modelo' e em seguida, clique em 'Editar HTML' .

 2. Aperte Ctrl+F ou F3 e procure por esse código:

                                                                     ]]></b:skin>

 3. Acima desse código, cole esse outro código aqui:

 

    .main img {

    border: #TAMANHODABORDApx solid #CORDABORDA

    -webkit-transition-duration: .50s;

    }
    main img:hover {
    border: #BORDACOMMOUSEpx solid #CORDABORDAPASSAOMOUSE
    -webkit-transition-duration: .50s;
    }

 4. Substitua o #TAMANHODABORDA por um número qualquer, conforme o tamanho que você quer. Eu acho que fica melhor com o tamanho 4. 

 5. Substitua o #CORDABORDA pela cor desejada, para achar as cores clique aqui!

 6. Faça o mesmo com os outros dois códigos em negrito e salve.

 7. Se não quiser o efeito 'hover' apague isso:

 

  main img:hover {
border: #BORDACOMMOUSEpx solid #CORDABORDAPASSAOMOUSE
-webkit-transition-duration: .50s;
}

Pronto !