2 de ago. de 2012

Tutorial : Colocar os Afiliados igual ao meu.

Kuroshitsuji >♥<
Yoo ~
Hoje trouxe um tutorial que foi pedido da Kaay pela C-Box.
É de como fazer os afiliados igual o meu.
Vai ser em 2 partes.
Let's Go.
1° Etapa - Fazer a Elite

 1. Voce vai usar o tutorial de menu com gif, que está aqui.

2. O ultimo código do post do tutorial de como colocar menu com gif, o que tem 4 linhas, vai ser aonde vai ficar seus afiliados. O código tem 4 linhas, cada linha fornece 1 afiliado, se voce tiver mais, repita o código, lembre-se faça isso no bloco de notas.

3. Edite tudo no bloco de notas assim:
<a id="menuv" href="LINK" target="iframe">Link 1</a>
Aonde está LINK, coloque o link do seu afiliado e aonde esta Link # coloque o nome do seu afiliado

Exemplo:

<a id="menuv" href="http://edunderground.blogspot.com" target="iframe">UnderGround</a>

Até ai ok? ok

4.Quando voce tiver o código completo, todo editado com todos os seus afiliados, você vai deixar o bloco de notas de lado um pouquinho mas não feche. E vamos para a 2° Etapa

2° Etapa - Ocultar tudo na imagem

Voce vai fazer uma imagem aonde vai ser a que voce clicar vai aparecer os afiliados.

2. Voce vai no seu layout >> Adicionar um gadget >> HTML/Java Script e cole nele:



<div class="divspoiler">
<img src="IMAGEM DE MAIS" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
CONTEÚDO OCULTADO
</div></div>

3. Você vai hospedar a imagem de expansão em algum site, eu hospedei no Tinypic, e vai copiar o link direto, se voce hospedar do tinypic, vai o ultimo link.

4. Voce vai colar o Link, aonde está escrito "IMAGEM DE MAIS"
ok? ok

5. Depois, para aparecer os afiliados, você vai pegar aquele código que estava no bloco de notas, e vai colar no lugar de "CONTEÚDO OCULTADO"

6. Salve tudo  e visualize!

Qualquer duvida é só perguntar nos comentários.
Estou mara que tenham intendido e gostado

Para a Kaay: Kaay, amanha eu irei postar as imagens para afiliados :D

Beijooos
Natalia

8 comentários:

  1. Adorei o tutorial, eu estava mesmo procurando isso
    de esconder tudo na imagem ;)
    beijos
    http://morango-aos-pedacos-mp.blogspot.com.br/

    ResponderExcluir
  2. ~ Adorei o tutorial. Mas prefiro a velha, e boa página! kkkk
    Assim eu não me perco tanto! :s ~
    Seguindo aqui, passa no meu blog, se gostar segue também!
    Ajude-nos em nossa meta que ficaremos muito agradecidos!!
    Kiss :*
    http://complitrated.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. kkk Que bom que gostou *u*
      Vou dar uma passadinha lá sim *u*
      Beiizus

      Excluir
  3. ami o tutoial hahaa *w* com certeza vou usar esses afiliados no proximo lay, é mto diwo! ah, e claro q pode pegar o meme, fique a vontade haha :3 mas só nn esquece os creditos, blz?
    its-becky.blogspot.com
    cambio desligo

    ResponderExcluir
    Respostas
    1. Brigadoo *u*
      Estou anciosa para seu novo lay *u*
      kk Obrigado, é que eu fiquei na duvida, vou creditar sim ^^
      Beijos]
      ~ Cambio ~

      Excluir
  4. É ótimo esse tuto, no lay passado eu usava para ocultar as competições/sorteios das quais eu participava, é muito bom para ocultar espaço ^^

    # >>> candycherry-official.blogspot.com

    ResponderExcluir
    Respostas
    1. KK' ele realmente ajuda a não deixar aquela sidebar enooorme kkk

      Excluir

Seja educado.
Poder pedir postagens, e sugestões são bem vindas
Obrigada e volte sempre