Tutorial : Tutorial Pedido >> Elite de Afiliados comum e com efeito

sexta-feira, maio 10, 2013





Olá guris e gurias como estão? Espero que muito bem...E chegou o dia...CHEGOU A SEXTA FEIRA e com ela teremos tutoriais de acordo com nosso cronograma , hoje o tutorial será um pedido da leitora Mariana Silva, ela fez seu pedido por AQUI então se quiser pedir alguma coisa basta ir nesse link ou então deixar seu pedido nos comentários.

Confiram o pedido dela abaixo :





Como puderam ver ela pediu ajuda em como colocar elite de afiliados no blogger e vocês se surpreenderão como isso pode ser fácil...Preparei então um tutorial para ajudar quem tem dúvida...Primeiramente ensinarei 2 tutoriais um de como colocar a elite de afiliados de forma comum e outro de como colocar elite de afiliados com efeito,então vamos a ele.

LET’S GO!!!


Para Ler esta postagem completa basta clicar em "Mais Informações"






COLOCANDO ELITE DE AFILIADOS SEM EFEITO

1º) Vá para o seu blog na parte de Layout e clique em “ADICIONAR UM GADGET”

2º) Escolha a opção HTML/ JAVASCRIPT e cole o seguinte código




3º) Mude as partes onde esta escrito “LINK DO AFILIADO”, “NOME DO AFILIADO” e “IMAGEM DO AFILIADO”

4º) Salve.

Dessa forma você terá sua elite de afiliados porém ela ficará apenas com a imagem comum e imóvel.


_____________________________________________________________________________________________


COLOCANDO ELITE DE AFILIADOS COM EFEITO


Agora irei ensinar como colocar um efeito o efeito que ensinarei hoje vai deixar a imagem que você colocar com um efeito levemente arredondado e quando passarem o mouse sobre a imagem ela ficará preto e branco... Vamos ao efeito na afiliação


1º) Vá para o painel do seu blogger e click em “Modelo”

2º) Por precaução click em Fazer “Backup/ Restaurar” para evitar que aconteça qualquer transtorno, em seguida click em “Fazer download do modelo completo” .

3º) Depois disso volte e click em “Editar HTML”

4º) Dê um click com seu mouse dentro da área com os códigos do seu blogger e no seu teclado faça a combinação “Ctrl + F” quando abrir a caixa de busca digite ]]></b:skin>

5º) Quando achar esta tag em cima dela cole o seguinte código abaixo :




6º) Salve

7º) Vá para o seu blog na parte de Layout e clique em “ADICIONAR UM GADGET”

8º) Escolha a opção HTML/ JAVASCRIPT e cole o seguinte código







9º) Mude as partes onde esta escrito “LINK DO AFILIADO”, “NOME DO AFILIADO” e “IMAGEM DO AFILIADO”

10º) Salve.



Como puderam percebem em ambos os códigos do gadget eu coloquei 6 pois coloquei já próprio para 6 afiliados...Para diminuir basta apenas apagar uma fileira e salvar e para aumentar sua elite de afiliados basta apenas acrescentar mais uma fileira de códigos em seu HTML/Javascript


Espero que todos tenham gostado. Beijocas guris e gurias :3 deixem seus comentários me dizendo o que acharam ... Beijocas!!!






PS: Este código não foi elaborado por mim, porém eu o tinha salvo no pc e não sei de quem é ele realmente então se você é o dono deste código com efeito se pronuncie e eu colocarei os devidos créditos.

You Might Also Like

40 comentários

  1. útil:) fica um efeito lindo
    Beijos,Ariane! Tem postagem nova no blog. Visita? www.diariodostreze.blogspot.com , beijos!

    ResponderExcluir
    Respostas
    1. Verdade *--* Obrigada por sua visita guria...Claro visito seu blog sim..

      Beijocas!!!

      Excluir
  2. Adorei o tutorial..muito bom :3
    Já seguindo aqui!
    Beijos' ♥
    http://umqfeminino.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Muito obrigada guria ^^ me deixou muito feliz...

      Fico também feliz que tenha apreciado o post...Beijocas e volte sempre!

      Excluir
  3. Legal adorei a dica! Abraços!

    http://www.ladomalucadeser.blogspot.com

    ResponderExcluir
    Respostas
    1. Que bom que gostou Emma...Beijocas e volte sempre!

      Excluir
  4. Seeeempre bom esses tutoriais, também costumo guardar assim pra quando precisar!

    @karlinhakv
    www.fizdecanetinha.com

    ResponderExcluir
    Respostas
    1. hihihihiih fico muito feliz que tenha gostado guria ^^

      Beijocas e volte sempre!

      Excluir
  5. Gostei sim.. vou tentar.
    Já seguindo, se gostar me segue de volta.

    Bjx*
    fabipenellope.blogspot.com

    ResponderExcluir
    Respostas
    1. Que bom que gostou ^^ fico muito feliz...Claro irei seguir sim seu blog...Beijocas e volte sempre!!!

      Excluir
  6. ola
    muito bom o post.....!!!!
    um beijao e um otimo final de semana!

    http://www.gostandodavida.com/

    ResponderExcluir
    Respostas
    1. Olá ^^ muito obrigada pelo comentário...Fico realmente muito feliz ^^

      Beijocas e volte sempre!

      Excluir
  7. Gostei desse tutorial. Beijão <3

    www.detalhesamor.blogspot.com

    ResponderExcluir
    Respostas
    1. Que bom que gostou flor ^^

      Obrigada por sua visita...Beijocas e volte sempre!!!

      Excluir
  8. ótimo tutorial, flor!
    desejo a vc um lindo ~sábado!

    http://princessandfashion.wordpress.com/

    ResponderExcluir
    Respostas
    1. Obrigada guria fico feliz que tenha gostado ^^

      Beijocas e volte sempre!

      Excluir
  9. Adorei o post. Dicas ótimas, parabéns pelo blog, Sucesso!!!
    Se puder entre e confira o meu blog, iria adorar se você me desse dicas e sugestões. Estou começando agora e estou super animada. Lá eu falo sobre dicas de beleza, moda, unha, cabelo, maquiagem e tudo do universo feminino! Afinal, amigas não falam disso? então, estamos entre amigas já!Blog feito com muito carinho! A sua participação é muito importante para mim, grande beijo

    http://entreamigastips.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada por sua visita querida...Beijocas e volte sempre!

      Excluir
  10. Adorei o tutorial, já usei ele .

    http://iasmincruz.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom que gostou guria *-* fico super feliz...Obrigada por sua visita...

      Beijocas e volte sempre!

      Excluir
  11. Adorei! Eu faço sempre o mais simples mas no próximo layout vou colocar com efeito!
    Awn eu adorei essa escrivaninha aí de cima, é o seu quarto? *w* Estou I love por ela!
    http://shake-de-morango.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Isso mesmo guria inove *--* obrigada por sua visita hihihih que bom que gostou da imagem

      Beijocas e volte sempre!!!

      Excluir
  12. legal !!
    acessem para mais aulas: http://www.onlinecomsucrilhos.blogspot.com

    ResponderExcluir
    Respostas
    1. ^^ É sim ...

      Obrigada por sua visita :3

      Beijocas e volte sempre guri ^^

      Excluir
  13. Olá Hilda!

    Otimo tuto!

    Viu, vi no Espacegirl que vc quer ser Jornalista de vez! Desistiu de Direito?

    Boa sorte *.*

    -> As inscrições para o ENEM 2013 já estão abertas! Como está a sua preparação? Acesse: www.estudajovem.com.br - Estuda Jovem!

    ResponderExcluir
    Respostas
    1. Oi Luiz ^^ Que bom que gostou do tutorial fico bem feliz :D

      Sim desisti, acho que Jornalismo é mais minha área, descobri isso depois que recomecei o blog hahahaha

      Obrigada querido ^^

      Beijocas e volte sempre!

      Excluir
  14. Essa dica é excelente, acho que vou utilizar no meu ainda. Parabéns, amei teu blog. O layout é lindo e tudo está muito organizado... fora que tem conteúdo, o mais importante de tudo. Um abraço!

    ResponderExcluir
    Respostas
    1. Ounwti *--* muito obrigada querida, fico muito feliz que tenha gostado :3 Obrigada por sua visita ^^

      Beijocas e volte sempre!

      Excluir
  15. Quer ser meu afiliado?

    http://maniade-diversao.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Quero sim flor ^^ basta colocar meu blog lá na sua área de afiliados e me avisar que farei o mesmo :3

      Beijocas e volte sempre!

      Excluir
  16. Quer ser meu afiliado?E amei o tuto!!

    ResponderExcluir
    Respostas
    1. Claro querida ^^ coloque meu blog lá e me avise que farei o mesmo :3

      Beijocas e volte sempre!

      Excluir
  17. hilda voce pode fazer o tutorial de como escolher o nome que esta escrito no link
    ex: sorriso-jovem.blogspot.com.br/2013/05/TUTORIAL-TUTORIAL-PEDIDO-DE-ELITE-DE.HTML
    eu queria escolher um pro meu
    obrigada

    ResponderExcluir
    Respostas
    1. Oi querida não te como alterar isso, isso que aparece depende do Título que você colocou nas suas postagens, quanto mais curto melhor!

      Beijocas e volte sempre!

      Excluir
  18. Oiiiii poso te add no meus afiliados?? http://anndressah.blogspot.com.br/ bjjjss *3*

    ResponderExcluir
    Respostas
    1. Oi Andressa, que bom te encontrar novamente por aqui. Infelizmente não encontrei mais seu blog :/ é uma pena, espero te encontrar outras vezes por aqui :3

      Excluir
  19. Oii se você preferir eu posso te botar na elite??

    ResponderExcluir
    Respostas
    1. Estou ainda reorganizando o blog, e reformulando a parte de afiliações e parcerias, espero que entenda :3

      Excluir
  20. Oiie amore, amei seu blog. Seus tutos são muito úteis.
    Poderia dar uma olhadinha no meu blog? biamouse.blogspot.com.br
    brigada, gata!

    ResponderExcluir
    Respostas
    1. Oi Beatriz, fico feliz que ache os turoriais úteis, foram feitos com muito carinho... Contudo, visitei o seu blog, se for copiar um texto, do jeito que você copiou esse da elite de afiliados, coloque ao menos os créditos ok?

      Excluir

~REGRAS PARA COMENTAR~

-Não desrespeite ninguém.
-Não xingue ou use palavras de baixo calão.
-Sempre que puder comente é uma forma de incentivar a trazer sempre novidades.

Related Posts Plugin for WordPress, Blogger...

Subscribe