Tutorial - Afiliados em uma imagem só.

Olá gente! Aqui é a Letícia filha da Litarcia, e agora estou trabalhando no blog da mamãe! 

Então hoje eu trago para vocês um tutorial de como colocar os afilhados em uma só imagem! É bem fácil! Vamos lá.

1. Abra se photoscape e clique em divisor (X)

2. Abra sua imagem em adicionar e ajuste as larguras de acordo com sua imagem. (X)

3. Clique em divisão e as fotos divididas irão ficar salvas em uma pastas "output" (X)

Vá no HTML do seu blog, procure por ]]></b:skin> e acima cole:

.isa-opacity{margin-top: 0px;

opacity:1.0;

padding: 0px 0px 0px;

-webkit-transition-duration:.80s;

-moz-transition-duration:.80s;

-o-transition-duration:.80s;

border-radius: 0px;}

.isa-opacity:hover{opacity:0.6;

-webkit-transition-duration:.80s;

-moz-transition-duration:.80s;

-o-transition-duration:.80s;

}

E em um gadget cole:

<a href="LINK DO BLOG" title="NOME DO BLOG"><img class="isa-opacity" src="URL DA IMAGEM" /></a>

E créditos garantidos para o blog Portal Encantado!  

Beijos, e até a próxima!