#2 Efeito Shine

Olá gente estou aqui denovo , bom hoje vou ensinar como fazer o efeito Shine ! Não sei demostra como ele é mais no final do Tutorial vocês salvam e visualizem no seu Blog e é bem Legal o Efeito que pode ser usado  em fotos! então vamos começar! 

clique em continue lendo para saber mais okay!

vá no modelo do seu blog e vai em editar HTML e aperte Ctrl + F

e procure por! ]]></b:skin>

Depois que você Achar essa tag, a cima cole

.image_shine{

    width:  LARGURApx;

    height: ALTURApx;

    margin-right: 5px;

    margin-bottom: 5px;

    position: relative;

    float: left;

    border: 3px solid #CORDABORDA;

}

.hover_shine{

    width:115px; height: 115px;

    background-image: url(http://i.minus.com/iuvzYDPlYu8RR.png);

    position: absolute;

    background-position: -265px 0;

    left:0px; top:0px;

    background-repeat:no-repeat;

}

.hover_shine:hover{

    background-position: 10px 0;

    -webkit-transition: background-position .9s ease;

       -moz-transition: background-position .9s ease;

         -o-transition: background-position .9s ease;

            transition: background-position .9s ease;

}

Agora salve e vai em layout adiciona Um Java HTML e cole

<div class="image_shine">

<img src="LINK DA IMAGEM"/>

<a href="LINK" title="TITULO"><div class="hover_shine"></div></a>

</div>

troque oque está em negrito pelo oque corresponde por exemplo

Link da imagem =  no lugar decole o link da sua imagem lá

Link = o Link que você Quer que a foto mande quando você Clica nela!

Titulo = é o titulo né (ava)

Bom é isso gente um abraço para vocês e uma boa Segunda- Feira \: 

Abraço!