21 de fev de 2014

❤ Elite de Afilados na lateral do blog

    Oie boa noite meus queridos como estão? espero que bem, eu estou ótima e vim postar esse tutorial meio atrasada, bom é que meu dia hoje foi meio corrido, mas finalmente estou aqui, e trouxe um tuto que vai ficar muito bacana e diferente em seu blog, a sua elite de afiliados irá ficar na lateral do blog, vai ficar o nome parceiros na lateral e quando você passar o mouse sobre ele aparecera a sua elite, bom eu vou deixar de falar do tuto afinal tem a preview vocês poderão ver rsrsrs.Eu até pensei em usar esse modelo em meu blog,mas aqui já esta muito cheio de gadgets rsrs, mas eu pretendo usar em meu próximo lay. Bom eu espero sinceramente que vocês gostem do efeito e se forem usar por favor creditem é muito importante para a divulgação do blog, bom eu vou deixar de papo e vamos logo partir para o tutorial né?

01- Passo:  coloque o código abaixo acima da tag ]]></b:skin>


#caixinha2{width:330px; position:fixed; bottom:200px; left:-260px; -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; }
#caixinha2:hover{left:0px}
.imgch{width:50px; float:left; margin:1px;}
#titulo {-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); font-size:20px; font-family:georgia; text-transform:uppercase; float:right; margin-top:-87px}

02-  Passo: Coloque o código abaixo em um HTML/JAVA SCRIPT  


<div id="caixinha2">
<div style="position:absolute; top:-132px">
<a href="#"><img src="url da imagem" class="imgch">
</a><a href="link"><img src="url da imagem" class="imgch">
</a><a href="link"><img src="url da imagem" class="imgch">
</a><a href="link"><img src="url da imagem" class="imgch">
</a><a href="link"><img src="url da imagem" class="imgch"><br>
</a><a href="link"><img src="url da imagem" class="imgch">
</a><a href="link"><img src="url da imagem" class="imgch">
</a><a href="link"><img src="url da imagem" class="imgch">
</a><a href="link"><img src="url da imagem" class="imgch">
</a><a href="link"><img src="url da imagem" class="imgch"></a>
</div><div id="titulo">Parceiros</div></div>



Créditos: Black Cherry por avatar da postagem.

46 comentários:

  1. Que tuto divo :o
    Adorei o blog, seguindo!
    Já esta nos afiliados, beijos (:

    http://www.acabouoencanto.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. obrigada Fernanda que bom que você gostou, eu também adoreii

      Excluir
  2. Cara que perfeito :3
    Vou usar no meu proximo layout u3u
    querendo-voar.blogspot.com.br || Querendo Voar ~ ( Visite ) <- Retribui? :3

    ResponderExcluir
  3. Ótimo tuto, fica bem lindo U3U
    Talvez eu use futuramente em algum layout >3<

    Kamile ♡ | d-arkclouds.blogspot.com

    ResponderExcluir
  4. AH! E queria te avisar que eu aceitei seu pedido de afiliação, e inclusive já te coloquei na minha elite <3

    ResponderExcluir
  5. nossa que coisa linda, acho que vou usar com certeza...

    http://c-ontoour.blogspot.com.br/

    ResponderExcluir
  6. que lindo, parabéns pelo excelente trabalho, ficou muito perfeitinhoo..
    http://fernandavieira.com/

    ResponderExcluir
  7. Muito bom esse tutorial, ele desocupa espaço que é utilizado para colocar os afiliados.

    Sweet of Cherry

    ResponderExcluir
    Respostas
    1. verdade, ele é ótimo e serve também serve para as redes socias..

      Excluir
  8. Aí que lindo, amei

    http://tudodiferentecomsamaralima.blogspot.com.br/
    Instagram - @samaralima_03

    Beijos ♥♥

    ResponderExcluir
  9. Amei esse efeito *__* acho que vou usar no próximo layout <3
    Ah, já te coloquei como afiliada <3 Bjoos :3

    http://doze-primaveras.blogspot.com.br/

    ResponderExcluir
  10. Nunca tinha visto um modelo assim, bem inovado gostei *o* Blogger Lindo <3 Aceito parceria sim, vou te colocar em minha Elite ok? Beijos, Cath.

    Creating Eternally ♥

    ResponderExcluir
    Respostas
    1. ahh que bom já vou te colocar aqui também, obrigada..

      Excluir
  11. Que lindo modelo! Leslie, já te aceitamos na nossa elite ok? ♥
    Beijinhos,
    c-akeparty.blogspot.com

    ResponderExcluir
    Respostas
    1. ahh muito obrigada, também já vou te colocar aqui.

      Excluir
  12. Nunca tinha visto esse menu. *00* Amei, sério. >33<

    sweet-spoon.blogspot.com.br

    ResponderExcluir
  13. Esse efeito é perfeito *-* vou usar ele no meu próximo layout ok?Ah eu sou uma antiga afiliada sua e você não me colocou na sua elite =/

    s-impatie.blogspot.com.br | Simpatie ♡

    ResponderExcluir
    Respostas
    1. ahh me desculpe já vou te colocar de novo viu, beijos...

      Excluir
  14. Lindo ;0 e original *u* amei
    http://catchingfeelings-love.blogspot.com.br/

    ResponderExcluir
  15. Que elite bonitinha, vou salvar aqui para ver se consigo fazer no próximo layout >.< Aliás vi que tem várias coisas que posso usar >.<
    Vou pegar uma grande parte aqui heuheuhe
    Hey, já coloquei você na elite u.u e a sigla do blog é CO porque ia ficar estranho a sigla normal heuheuhe
    Colorful Unicorn - http://colorfulunicornlu.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. u-u que bom que você gostou, já vou te colocar na elite..

      Excluir
  16. Adoro esse efeito, sempre fica mais organizado e ocupa menos espaço no blog :3

    Beijos,
    Minus

    ResponderExcluir
    Respostas
    1. sim, fica ótimo no blog, muito mais arrumadinhoo

      Excluir
  17. Que lindo, gostei bastante! Sério perfeito :B
    Bjs

    terradacerejaa.blogspot.com

    ResponderExcluir
    Respostas
    1. muito obrigada Yasmim que bom que você gostou, fico feliz de mais..

      Excluir
  18. Que blog lindo !!
    Adorei o post :)
    muito obrigada por me visitar e me seguir lá,ok?

    Já estou te seguindo tmb!!

    Ah,saiu um novo post *-* tenho novidade :D

    http://gliter-lovely.blogspot.com.br/

    bjuus! o/

    ResponderExcluir
    Respostas
    1. ahh obrigada, vou já dar uma olhadinha viu..

      Excluir
  19. Que tutorial legal, eu fiquei pensando antes der ver a preview como seria essa elite, ela é útil para quem não tem muito espaço no blog.

    Just Again || Visita?

    ResponderExcluir
  20. Muito legal o gadget, mas meu blog já está muito cheio também ~.~
    O Layout daqui está lindo também, adorei! Estou seguindo também ^^

    http://moshimoshi-kawaii.blogspot.com/

    ResponderExcluir
  21. Awwm , que perfeito .em breve eu vou usar . Seus layouts são tão perfeitos .
    Quero um ♥ hahha
    A nova mudança do blog está ótima , amei 3

    Beijos

    cantinhodarebec.blogspot.com.br

    ResponderExcluir
  22. Que efeito legal , já tinha visto em alguns tumblr , é bem cute *---*

    Kissus || Vagas para postadora / afiliados || Senhorita Liberdade

    ResponderExcluir