• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

26 de março de 2013

Tutorial: Afiliados em uma imagem só


Yo chocos ^^
Hoje vim postar um tutorial que eu conheço faz algum tempinho, eu tinha ele aqui no bloco de notas, então resolvi postar. Queria falar também, as pessoas que me ajudaram no Nerd Kawaii, eu fiquei muito feliz e já temos 70 seguidores =) Tem até presentinho para vocês lá e vagas na equipe também

Créditos ao Tutorial: <3
Clique para ver: <3
Gostou do preview? Então leia mais para ver o tutorial =)
Lembrando: Você vai precisar do PhotoScape  


  • 1- Crie uma imagem do tamanho de sua preferência.
  • 2- Abra o PhotoScape e Clique em "Divisor".
  • 3- Depois disso abra sua imagem e defina as medidas, 50x50 Recomendado.
  • 4- Feito isso clique em "Divisão", e depois salve.
  • 5- Agora hospede suas imagens.


6- Agora vá no seu HTML , aperte F3 e procure por ]]><b:skin> e acima da tag cole o código abaixo :


.afili {

opacity: 0.6;

-webkit-transition: 0.4s;

width: 50px;

height: 50px;

text-align: center;

margin-bottom: -3px;
}
.afili:hover {
opacity: 1.1;
}
 7- Não altere NADA, para adicionar cole o seguinte código HTML/JavaScript, repetindo várias vezes até que suas imagens estejam todas certas.
<a href="http://URL.com" title="Título da imagem"><img src="LINK DA IMAGEM" class="afili"/></a>
É isso gente, espero que tenham gostado, fiz com todo amor e carinho para vocês =)

8 comentários:

  1. Eu já sabia, é bem fácil! *-*

    Beijocas, I'm Fucking a Zombie. @pfvrsah (instagram)

    ResponderExcluir
  2. muito obrigada por oferecer ajuda flor, fiquei muito feliz! adorei o blog!
    beijos da isa
    link: Cute Time//Official
    link: Garota Ilustre

    ResponderExcluir
  3. É um pouquinho complicado,mas fazendo com muita atenção não fica tão difícil...amei o tuto! Nunca tinha visto afiliados assim...adorei mesmo!
    Kisses. *-*

    ester-macedo.blogspot.com

    ResponderExcluir
    Respostas
    1. Só precisa ter atenção e paciência, que consegue fazer direitinho. Obrigada ^^
      Kisses ;*

      Excluir
  4. Achei super fofo,eu estou usando e postei no meu blog com os devidos créditos.

    ResponderExcluir
  5. O meu fica um espaço entre as colunas.. Tipo, tem duas colunas na minha,e fica um espacinho! ç.ç
    Mais tudo bem, ainda sim, otimo tutorial!

    irisjovem.tk

    ResponderExcluir