Novo Layout + Combo para elite de afiliados !

18.6.12 | | |
Yo nerds fofuxas !
Hoje finalmente trocamos de lay ! esse lay foi feito pelas mãos do Alex do blog Part Of Me! Ele realmente tem talento né gente ? e gente, vou contar um segredo: o proximo lay do blog calma ainda nao to pensando em mudar nao u.u vai ser com tema galaxy , e ele ja esta pronto *u*
Agora vamos ao subtitulo do post: Combo para elite de afiliados
Mais como assim dédé? o combo que estou falando é o seguinte: Efeito para elite + menu que esconde parte dos afiliados!
Que tal conferir ? :)


Vá em seu HTML e procure por:
]]></b:skin>
ACIMA dessa tag, cole o codigo
/* Efeito elite de afiliados - Diário de uma menina nerd*/
.afiliados { -webkit-border-radius: 65px 60x 60px 60px; -webkit-transition-duration: .70s; -webkit-box-shadow: 0 0 .3em #000; }
.babi:hover {-webkit-transition-duration: .70s; -webkit-border-radius: 90px; filter:alpha(opacity=70); -moz-opacity:0.70;
opacity:0.70; }
Salve. para adiciona-lo no blog, adicione um gadget de HTML/ Java Scipt e cole isso no conteúdo, modificando o que está em negrito 
<a href="URL DO BLOG" title="TÍTULO DO BLOG"><img src="URL DA IMAGEM" class="afiliados" /></a><br />
 Entendendo :
O código vale para uma vaga de afiliados. então se você tem 10 afiliados, você cola e personaliza ele 10 vezes. entendido ?
Resultado:
Crédito [www]
Primeiro, vá no seu HTML, e acima de </head> cole o seguinte codigo
<!--- MENU DESLIZANTE -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script src='http://static.tumblr.com/ghoye6x/xBmloszst/colpaso.js' type='text/javascript'>
</script>
<script type='text/javascript'>
animatedcollapse.addDiv('jason', 'fade=1,height=80px')
animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
animatedcollapse.addDiv('michael', 'fade=1,height=120px')
animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
animatedcollapse.addDiv('lion', 'fade=0,speed=400,group=pets,persist=1,hide=1')
animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
 //$: Access to jQuery
 //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
 //state: "block" or "none", depending on state
}
animatedcollapse.init()
</script>
Depois, vá clique em editar no seu gadget de afiliados, tecle ctrl+f e procure pelo ultimo blog que você quer que fique na parte visivel do gadget. copie desse codigo adiante e cole no bloco de notas.

 depois, subistitua o codigo do gadget por esse

<center><a href="#" rel="toggle[rabbit]" data-openimage="collapse.jpg" data-closedimage="expand.jpg">Mais</a>
<div id="rabbit" style="display:none">
Código que você colou no bloco de notas</div></center>
Na parte que está em negrito, cole o codigo do bloco de notas. depois é só você salvar :)
Espero que tenham gostado :D




20 comentários:

  1. Hey flor o novo lay ficou divo e o tutorial tá super bem explicado *-* Quando poder da uma passadinha >> http://evelynsousa.blogspot.com.br/ bjks ;*

    ResponderExcluir
  2. Amei o novo layout, ficou lindo, ótimo post *-*

    diariodeuma-geek.blogspot.com

    ResponderExcluir
  3. Floree! O problema é que o lay que ele fez (fofo *-*) não tem espaço suficiente na sidebar e não cabe a c-box!

    ummilkshake.blogspot.com

    ResponderExcluir
  4. Participe do concurso do meu blog?

    http://senhoritasimperfeitas.blogspot.com.br/2012/06/sessao-lovely-girl.html

    ResponderExcluir
  5. Adoro esses menus deslizantes. Sempre dão aquele charme (:
    Está lindo o layout daqui.

    http://www.world-cutest.blogspot.com.br/

    ResponderExcluir
  6. Adorei aqui diva
    segi faz tempooo h
    me ajuda ? nhei divulga ai
    http://smileretro.blogspot.com.br/
    Não Custa nada
    SEU BLOG E ULTRA MEGA
    LINDO DIVOO

    ResponderExcluir
  7. Ficou lindo o novo lay, o Alex caprichou mesmo !

    Beijos
    blogcandysweet.blogspot.com

    ResponderExcluir
  8. Lindos ,o efeito para afiliadas e o layout novo (ficou tão divo)!


    macacor-de-rosa.blogspot.com.br

    ResponderExcluir
  9. Lindos ,o efeito para afiliadas e o layout novo (ficou tão divo)!


    macacor-de-rosa.blogspot.com.br

    ResponderExcluir
  10. Adooorei o laaaaaaaaaay, e os tutoriais tbm *-----*

    Beeeijos
    #Nhaaac >>>http://the-lovers-official.blogspot.com/

    ResponderExcluir
  11. Hoy lindinha!
    Amo seu blog de paixão!
    Seguindo ,se puder retribuir;
    beijinhos
    http://day-princess.blogspot.com.br/

    ResponderExcluir
  12. ótimo tutorial esse >.<
    E que blog mais lindo! Já estou seguindo viu?
    Ah, não vejo a hora de ver o layout galaxi :)
    bijooos

    -chiclete-decanela.blogspot.com

    ResponderExcluir
  13. Adorei o novo lay, ficou perfeito. Ótimo post, pena que ainda não tenho elite de afiliados !

    Tô seguindo aqui, Kisses;*
    http://toutrever.blogspot.com.br/

    ResponderExcluir
  14. Lindo demais aqui!
    http://s2hay.blogspot.com.br/

    ResponderExcluir
  15. As votações já começaram! Peça seus votos! BJS, http://luan-crazyinhtml.blogspot.com.br/

    ResponderExcluir
  16. Ameiii a postagem!]
    Estou te ajudando na sual atual meta!
    Poderia me ajudarb a atingir a minha?
    http://famousfashionchik.blogspot.com.br/

    ResponderExcluir
  17. Seu layout ficou muito bonito,viu!

    Beijos!!
    Blog|Twitter

    ResponderExcluir
  18. Ai ficou muito diwo esse layout, super cute gostei mesmo, ai que legal essa elite de afiliado que meio que "esconde" vou usar quando eu tiver meu afiliados :), eei meu blog é novo que tal vc dá uma passadinha lá hein? Já estou seguindo ok?
    blog-cuteteen.blogspot.com

    ResponderExcluir
  19. Olá Dedé, tudo bem? Estava procurando esse tutorial em vários lugares, e finalmente achei!<3 Estou passando aqui pra dizer que seu blog é super interessante e eu adorei. E se não for muito incômodo, poderia passar no meu? Saiba que estou te esperando lá. Beijos, happy-charllote.tk

    ResponderExcluir
  20. Sempre quis saber como estão fazendo isso, tenho visto de monte nos blogs, é bem legal, vou usar daqui pra frente.
    Seu blog é lindo! Simples e bonito. Estou seguindo, e gostaria de fazer afiliação com o seu blog se ainda tiverem vagas. Segue meu blog de volta? Estou tentando alcançar minha meta de 500 seguidores, sua ajuda seria ótima.

    Beijos,
    www.tothegossipgirl.blogspot.com

    ResponderExcluir

Por favor, mande apenas seu comentário SOBRE O POST e o link. se alguem pedir tipo assim : "nunca teria coragem.Agora vou te convidar a conhecer meu blog, eu ja estou seguindo se puder retribuir rs linkdoblog.com " ISSO ME IRRITA MUITO CARA! por isso eu nem visito. eu retribuo todas as visitas, apenas deixe o link por favor! obg