Meta Completa + Blockquote Hover Personalizado


  Primeiramente, gostaria de agradecer pelos 300 Seguidores do blog, muito obrigado mesmo, cada um de vocês, que estão me ajudando, acompanhando as postagens, as notícias, comentando também é claro, se não fosse por vocês não sei o que seria do eJhonas! Ahh, eu iria colocar um novo Layout, só que deu alguns pequenos probleminhas, eu tinha alguns imprevistos e não deu para terminar porém daqui alguns dias como alguns dizem o blog irá "trocar de roupa" {rss}.. Daqui á 20 Dias o eJhonas completa 4 Meses, como passa rápido não?! Sobre a postagem de hoje, será bem uma bem leve, irei ensinar á como colocar blackquotes em formato Hover, com mudança de cursor!
 Vá em Design  Editar HTML  Expandir Modelo de Widgets  Ctrl + F  Procure por:
 ]]></b:skin>
 Logo após ter achado esta tag, cole este código acima dela:
blockquote {
 border: 1px solid #FFD0DF;
 background-color: #FFF1F5;
 padding: 10px; font-size: 11px;
 color: #808080;
 text-align: justify;
 cursor: url('URL DO CURSOR'); }blockquote:hover {
 border: 1px solid #FFD0DF;
 background-color: #FFF1F5;
 padding: 10px; font-size: 11px;
 color: #808080;
 text-align: justify;
 cursor: url('URL DO CURSOR') }
 Entendendo um pouquinho sobre o código

  Bem, nas partes em negrito você deverá substituir pelo cursor que quer que apareça quando você passar o mouse em cima do Blockquote. Já nas partes sublinhadas simplesmente substitua pela cor que quer que apareça. Só para constar as cores abaixo da tag "blockquote:hover {" São quando você passa o mouse encima delas, ou seja, quando estiver em estado hover, você poderá substituir do modo que desejar.. Para deixar claro, este modelo de Blockquote é apenas o simples, quadrado!

42 comentários:

  1. Ahaha, ri-me tanto com o seu comentario :D
    Amei o seu blog, embora nao goste muito de seguir blogs de tuturiais.

    Beijinhos*
    http://beleza-moda-maria.blogspot.com

    ResponderExcluir
  2. Adorei o tutorial =D parabéns pela meta concluída ^_^
    www.fashionemcores.com

    ResponderExcluir
  3. Adorei o tutorial!
    Fica bem legal!
    Parabéns pela meta concluída!

    Beijos,
    Mundorosaachock.blogspot.com

    ResponderExcluir
  4. Oii

    Retribuindo a sua visitinha lá no meu blog! amei aqui e tabem ja estou seguindo pra ajudar na sua meta ! Aqui e demais ! Beiiijoooooos

    http://blogprincesadesencantada.blogspot.com.br/

    ResponderExcluir
  5. Parabéns floor pela meta , e amei o tuto , é muito útil , floor ta rolando uma novidade la no meu blog , um concurso especial , em comemoração dos 50 seguidores , se vc puder ir la e participar , vai ser uma honra ... teu blog é muito lindo, muito fashion amei ele, entrei pela primeira vez mais vou começar a entrar sempre , seguindo aqui ...
    te espero la no meu blog, sua participação é muito importante.
    www.sweet----girl.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Obrigado, e participo sim ;_) {Sobre o flor, sou homem xD}

      Excluir
  6. Seu blog é bom d+! Obrigada pela visita!
    Esqueci de colocar a Britney :X
    Beijos
    #nhaac ~> http://sweetcandiesbr.blogspot.com.br
    Faça-me uma pergunta!
    http://ask.fm/BelaRVieira
    Obrigada!

    ResponderExcluir
  7. Parabéns meu anjo, que tu tenhas ainda mais sucesso!

    ResponderExcluir
  8. Legal o tutorial.E parabéns pela meta cumprida C:
    lifeonalin.blogspot.com.br

    ResponderExcluir
  9. Parabéns pela meta cumprida, beijos.
    http://fasesdegarota.blogspot.com.br

    ResponderExcluir
  10. Parabéns pelos seguidores flor,desejo muito mais pra você
    ótimo tutorial,gostei :D

    http://dezapaixao.blogspot.com.br/

    ResponderExcluir
  11. Parabéns pelos seguidores,desejo muito mais pra você
    ótimo tutorial,gostei :D

    http://dezapaixao.blogspot.com.br/

    ResponderExcluir
  12. Obrigada pela dica; sempre estou procurando aprender a colocar coisinhas bonitas no meu blog.
    Mas depois dá um medo de mexer e estragar...sou meio arara nisto!

    ResponderExcluir
  13. Ooi, vlw pelos elogios *-* Obg por seguir tbm, estamos seguindo aqui!

    Beijos :* & Volte Sempre !
    http://crazy-parodias.blogspot.com.br/

    ResponderExcluir
  14. Eu acho super fofo blockquote com hover fica muito legal ^^
    Obrigada por seguir já estou seguindo aqui tb bjs!
    blog-sassygirl.blogspot.com

    ResponderExcluir
  15. Parabéns por conseguir completar sua meta. Você aceita afiliação?
    Beijoos.
    http://oblogdablogueira.blogspot.com.br/

    ResponderExcluir
  16. Adorei o tutorial, parabéns pela meta!

    Beijos,
    http://placestyle.blogspot.com.br/

    ResponderExcluir
  17. Parabéns por alcançar tua meta (: , beijos.

    http://ojustbehappy.blogspot.com.br

    ResponderExcluir
  18. Tutorial muito útil;-
    Parabéns pela meta.
    http://menina-do-sol.blogspot.com.br/

    ResponderExcluir
  19. Gostei do tutorial, bem legal :)

    Tem post novo no PB,
    te espero lá ;)
    Beijos ! http://porckybunny.blogspot.com.br

    ResponderExcluir
  20. Parabens pela meta , sucesso .
    o tutu e bem facil adoreii

    **********************************************
    -> http://blog-meninasmalucas.blogspot.com.br/

    Ah Fiqueii muito feliz com sua visita .
    Volte sempre ^-^

    ResponderExcluir
  21. ÊBAa parabéns pela a meta
    Ah! Gostaria que você fosse no meu catinho. Concerteza você sera muito Bem-Vinda.
    Beijos da Nath
    Clica--->MundoFantásticoFeminino

    ResponderExcluir
  22. Parabéns pela sua meta de 300 seguidores Jhonas!
    Gostei do tutorial!

    Obrigada pela sua visita, ela é muito importante pra mim viu? Volte sempre amore♥
    Blog

    ResponderExcluir
  23. Parabéns! Adorei o tuto.
    Bjos e boa semana!
    amonailart.blogspot.com.br

    ResponderExcluir
  24. Parabéns pela meta e ameei o tutorial s2

    Beijos.Gabi.

    opedecoelho.blogspot.com.br

    ResponderExcluir
  25. Aêê...conquista do blog e presente para os leitores! rsrsrsrs
    Adorei o tutorial de hoje! \Õ/

    E que o blog alcance muuuitas metas daqui pra frente, muito sucesso!
    Beeijo
    www.blogmymemories.com

    ResponderExcluir
  26. Parabéns pela meta, você merece !
    Muito bom o tutorial (:
    http://fairiesdancing.blogspot.com.br/

    ResponderExcluir
  27. ooi honey! obrigada pela visita e pelo comment :D parabéns pelos 300 seguidores! peninha q eu n entendo nada dessas coisas de blogs, por isso o layout do meu ta horrível ;/ tenha um lindo domingo!fik com Deus! kisses :*

    FabulousStylish

    ResponderExcluir
  28. parabéns por mais uma meta!!*
    fica bem legal esse efeito :^)
    bjs'
    noisconectados.blogspot.com.br

    ResponderExcluir
  29. Parabéns pela meta, você merece, o blog é ótimo !
    Adorei o tutorial fica lindo o efeito.

    Bezoos

    http://fannydream.blogspot.com

    ResponderExcluir
  30. Parabéns pela meta! Também estou doida para chegar nos 300!
    hihi' =D
    Obrigada pela visita, estou seguindo aqui!
    beijoos

    http://euemeujardimsecreto.blogspot.com.br/

    ResponderExcluir
  31. parabéns pela meta, e que vc consiga mais! http://mundo-dosadolescentes.blogspot.com.br/

    ResponderExcluir
  32. Eu sempre tive curiosidade de saber o código de um blockquote hover haha. Mas já estou bem satisfeito com o meu agora, deixa pra próxima *o*

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

    ResponderExcluir
  33. mt show o tuto' to amando suas postagens.
    bjoos

    mundoodasblogueiras.blogspot.com.br

    ResponderExcluir
  34. Parabéns pela meta :) O tuto é muito útil, acho que vou usar no meu proximo lay !

    Beijos,
    blogcandysweet.blogspot.com.br

    ResponderExcluir
  35. Parabéns pela meta atingida,você merece e o tutorial é muito útil.
    Beijos

    amoraruffles-blogger.blogspot.com.br

    ResponderExcluir
  36. Parabéns pela meta e estou esperando o novo lay.
    http://catchingfeelings-love.blogspot.com.br/

    ResponderExcluir
  37. Parabéns pela meta cumprida!
    Que bacana o tutorial :)


    @wendyelmb
    http://tecido-doce.blogspot.com/
    http://cerejadeneve.com/

    ResponderExcluir
  38. que venha os 400 seguidores então né? =]
    sou um fiasco com HTML haha

    Beijos

    Nathália - Fashion Jacket
    http://fashionjacket.blogspot.com.br

    FacebookTwitterTumblr

    ResponderExcluir

© eJhonas - 2012. Todos os direitos reservados.
Design Jhonas Balsas.
Tecnologia do Blogger.
imagem-logo