Thanks + Efeito circle autor novo


Hooy leitores (≧ω≦)
Primeiramente, queria avisar que hoje eu quero agir como uma pessoa decente, e agradecer de todo o meu coração pelos 218 seguidores. Passou muito rápido de 100 para 200, e fico muito feliz com isso. E eu estou resolvendo trazer um sorteio de domínio.com ou .net. E não, não é propaganda enganosa, eu já falei com meu pai, e ele deixou. Mas só que vai acontecer no fim do mês que vem, porque meu cartão tá no limite :/
Enfim, eu ia trazer um vídeo de agradecimento, com musiquinha e tudo, mas a merda do microfone não tava prestando, e então decidi fazer o vídeo quando for anunciar o sorteio. Vou tentar ver com a Nikki se ela quer fazer parceria, se ela quiser, melhor >u<
 E aí, quem vai querer participar? 
Bom, fugindo do sorteio, eu trouxe um efeito para autores que eu fiz olhando um efeito de tumblr. E então editei ele e transformei em um efeito para autores do blogger.
Vamos ver?
Like Preview: [www]


Primeiro, eu recomendo imagens de tamanho 50X50 mas você pode colocar outras, é só modificar no código o tamanho e colocar o tamanho de acordo com a sua imagem
Vá no seu editor de html, procure por: <b:skin> e cole abaixo dele:
/* Efeito Circle autor - WY*/
.mod {
    border-radius: 50px;
    width: 50px; /** SE QUISER MUDE **/
    height: 50px; /** SE QUISER MUDE **/
    overflow: hidden;
    display: inline-block;
    float: left;
    margin: 4px;
 }
.mod .descri {
    background: rgba(0,0,0,0.3);
    color: #fff; /** Cor da letra **/
    width: 50px; /**  SE QUISER MUDE **/
    height: 50px; /**  SE QUISER MUDE **/
    position: relative;
    top: 0px;
    border-radius: 100px;
    -webkit-transition-duration: .80s;
    -moz-transition-duration: .80s;
    -o-transition-duration: .80s;
    -ms-transition-duration: .80s;
    transition-duration: .80s;
}
.mod:hover .descri {
    top: -50px; /** Coloque o valor negativo de acordo com o tamanho da imagem **/
}
.mod img {
    display: inline-block;
    border-radius: 50px; 
background: #fff; 
}
Salve. Agora adicione um gadget Html JavaScript e cole:

<a href="LINK">
<div class="mod">
<img src="http://a.deviantart.net/avatars/i/m/imagitivespace.png?14" />
<div class="descri">NOME</div>
</div>
</a>
<a href="LINK">
<div class="mod">
<img src="http://a.deviantart.net/avatars/x/l/xleric.png?4" />
<div class="descri">NOME</div>
</div>
</a>
<a href="LINK">
<div class="mod">
<img src="http://a.deviantart.net/avatars/x/x/xxunicornxx.png?3" />
<div class="descri">NOME</div>
</div>
</a>

Ignorem o alinhamento do blockquote, está dando erro no meu editor!
 Salve. Já deixei as imagens pra vocês com tamanho 50X50, mas podem pegar outras se quiserem.

Gostaram? Espero que sim. E fiquem ligados, em breve sorteio de domínio.com ou .net.
Kiss

47 comentários:

  1. *OOO* Que efeito fofinho :33 Gostei muito >w<

    Kiss ♥

    from Niik II Letter of Pain

    ResponderExcluir
  2. Awnnnnnnnn, parabéns pelos seguidores, divosa ♥ Nem é 200, agora é 218 u3u

    Divo o efeito, amei *O*

    Beijos,

    Juu-Chan do Nescau com Nutella.

    ResponderExcluir
  3. Que efeito fofinho :3

    http://chovendo-glitter-em-londres.blogspot.com/

    ResponderExcluir
    Respostas
    1. Obrigada, prefiro chamar de moderno u.u ashuashua

      Excluir
  4. Muito legal você sortear um domínio, é o sonho de muito blogueiro, mas confesso que não entendo muito sobre. Eu queria saber mais. Realmente foi muito rápido, e acredite quando digo que fico feliz, seu blog é um blog que acompanho desde o começo do meu, e eu quero ver todos blogs que sigo crescendo e aparecendo : ). Portanto fico feliz com cada vitória comquistada por você, não só porque sou seguidora, porque você sempre foi de grande ajuda para mim, serei eternamente grata.

    mundodeliina.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Obrigada, inclusive o meu, mas decidi sortear ao invés de comprar pra mim ç3ç. Muitos querem mais do que eu. E sim, foi super rápido >u<. Obrigada, fico feliz de ter lhe ajudado e emocionada ao saber que você é grata, sério você é muito especial para mim e para o blog! Obrigadaa.

      Excluir
  5. Amei o efeito, é lindoo <3 Seguindo seu blog, ele é lindo viu?

    Beijooos!
    http://goods-sweets.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada, puxa que bom que gostou! Vou retribuir.

      Excluir
  6. adorei o efeito *----*
    sorte para mim esta demorando bue para chegar nos 150 ç.ç

    ResponderExcluir
    Respostas
    1. Obrigada. Poxa flor :( espero que consiga!

      Excluir
  7. Uhuuuuuul, quero sorteio sim, Mandi, tomara que eu ganhe *u* USHAUHSAU
    Amei o efeito, muuuito fofo ^3^ Parabéns pelos 218 seguidores <3 Você merece u.ú
    Kiss~
    http://garotasatrevidas-s2.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada o3o Haha boa sorte!
      Obrigadaa, e obrigada de novo, mereço não rhum u.u

      Excluir
  8. Legal você fazer o sorteio, e amei o efeito ! Bjs, Dazzle ♥

    ResponderExcluir
  9. Achei o efeito bem criativo, mesmo. Parabéns pela repercussão, é muito bom ver o blog crescendo. Desejo boa sorte para a organização do sorteio, muita gente só participa de coisas desse porte só pra tumultuar. bezzo, sarah
    http://agd-doce.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada. É verdade! Sim, tem esses casos difíceis também ashuashau

      Excluir
  10. Olá, fico feliz em saber que o blog está crescendo. Tipo, já participei bastante de sorteios valendo domínios e depois de muito tentar, decidi parar, até porque sempre mudo o nome do blog, e isso, meio que atrapalha. Sobre o efeito é bem lindinho. Beijos.

    - Simply Thonn

    ResponderExcluir
    Respostas
    1. Obrigada. Sim, eu também participei de vários e hoje, quase nem participo mais ashuahua Obrigada :)

      Excluir
  11. Que legal! Nossa babei nos tutoriais do preview! Vocês arrasam!
    Sobre o photoshop é o cs6 sim e aqui tem um bom tutorial de como baixar e instalar se for a versão completa : http://cantinho-html.tumblr.com/post/31493613376

    e o Portable: http://www.4shared.com/rar/dotaFGUt/Photoshop_CS6_Portable.html
    é só baixar extrair para algum lugar e clicar pra ele pegar :D

    Espero que os links sejam úteis! (o que eu tenho instalado é a versão completa)

    ResponderExcluir
    Respostas
    1. Asahushau obrigada. Muito obrigada, você me ajudou bastante!

      Excluir
  12. Ah parabéns pela idéia do sorteio, será ótima quero participar!
    Amei o efeitinho.
    E sim aquele é o cs6 mesmo e tem esse tutorial da versão completa:
    http://cantinho-html.tumblr.com/post/31493613376

    e esse é para baixar a versão portable:
    http://www.4shared.com/rar/dotaFGUt/Photoshop_CS6_Portable.html

    Espero que te ajude! Beijos

    http://aconteceudepoisdos14.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada, que legal, estarei contando contigo!
      E obrigada por gostar do efeito!
      Sim, ajudou bastante, sua fofa!

      Excluir
  13. Sorteio \ooo/ Adorei o efeito muito divo, acho que usarei futuramente. Parabéns pelo blog, mais uma seguidora aqui *-* espero sua retribuição

    html-land.blogspot.com

    ResponderExcluir
    Respostas
    1. Ashuashua obrigada. Sim, espero que use >u<. Haha irei retribuir sim, sua fofa!

      Excluir
  14. Que lindo, amei !
    Beijos, fica com Deus.
    Camilla.
    lendoeaprendendoblog.blogspot.com SIGO TODOS DE VOLTA.

    ResponderExcluir
    Respostas
    1. Obrigada. Fica com Deus também!
      Sim, já segui seu blog ;)

      Excluir
  15. Respostas
    1. Hahaha que bom que gostou da ideia o3o
      Obrigadaa!!

      Excluir
  16. SORTEEEEEEEIO *-*
    Adorei esse efeito :3 muuuuito diferente ^^

    XOXO
    jovenclube.blogspot.com.br

    ResponderExcluir
  17. Ótimo tutorial!

    David - Leitor Compulsivo

    ResponderExcluir
  18. Uau! depois a menina vai e pergunta se podemos ser afiliados, claramente que sim, além de ser perfeito, seu blog tem um ótimo conteúdo, já deu para ver só por esse post >0<' ~ amei!

    - Um sorteio de um domínio é magnífico! *--*
    Parabéns pelos seguidores, com certeza virão cada vez mais, com esse blog super!

    Lindo esse efeito para autores, acho que irei usá-lo, creditarei se usar com certeeeeza! ;D

    Já está na lista amora: adolescentenerd.blogspot.com.br/p/afiliados.html desculpe pela lista bagunçada, depois reformarei ela no novo layout :3
    beijos de caramelo ^_^~

    ResponderExcluir
    Respostas
    1. Anwt, obrigada pelos elogios o3o. Já te coloquei na elite!
      Sim, acho que seria :)
      Sério que vai usar? *O* obrigada o3o
      Ashuashua, bagunçada? Está perfeita u3u haha

      Excluir
  19. Parabéns!
    Adorei o efeito, bem fofo *~*
    CAT GIRL

    ResponderExcluir
  20. Esse efeito é mega legal.
    Beijocas, Lili ;3
    Clique aqui, e vá para o blog / Princesa Teen.
    Clique e veja meus videos. / E se inscreve ok?!

    ResponderExcluir
  21. ownttt *u* seu blog é tão perfeito ameiii *o* e já estou seguindo :))) se puder segui o meu??? hehehe' http://www.garotinhas-rosa.blogspot.com.br/
    bjsss... ^-^ aaa e ameii o efeito! muito fofo rs :)

    ResponderExcluir
    Respostas
    1. Obrigada, perfeito? Se você diz ashuashua! Sigo sim!

      Excluir
  22. Bem fofo o efeito gostei bastante ! beijinhos

    vanessatutoriais.blogspot.com.br

    ResponderExcluir
  23. amo esse efeito, acho mega fofo *3*
    ameei seu blog, sério, muito lindo! design diferente e único, amei amei tudo, principalmente o conteúdo. parabéns pelo blog! aliás, acabei de criar um blog, vc pode dar uma visitinha? adoraria vc por lá. aah, já estou seguindo seu cantinho lindoo (se puder retribuir ficarei bem feliz), estarei sempre por aqui, ok? bjos :*

    xoxo,
    isabellanani.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada.
      Que ótimo que gostou >u<. Claro que sim, já segui também °u°

      Excluir
  24. Que efeito fofinho *0*. Talvez eu use em algum lay futuro :)
    bjs, cah-at.blogspot.com

    ResponderExcluir

Seu comentário é muito importante para o crescimento do blog, mas antes têm algumas regrinhas a serem cumpridas:
♥ Aceitamos pedidos de afiliação, somente se seguir o nosso blog;
♥ Comentários do tipo "seguindo,segue de volta, serão aceitos com prazer, afinal não é pecado pedir para seguirem seu blog, não é mesmo?;
♥ E é claro que eu visito seu blog, afinal é bom conhecermos novos blogs;
♥ Deixe o link do seu blog;
♥ Para mais informações, consulte a nossa FAQ