Postagem Popular personalizada
no Blog




Ola Amigos(a), tudo bom?
Hoje o tutorial é bem facil, Como adicionar suas postagens mais populares do Blog de uma maneira diferente e personalizada, Beijinhos grandes.

Veja o exemplo abaixo


-------------------------------------------------------------------------------------
Copie o código abaixo cole antes de ]]></b:skin> e salve.

#PopularPosts1{max-width:300px} #PopularPosts1 dd{float:left;border-bottom:none;margin:8px 8px 0 8px;background:none;display:block;padding:0} #PopularPosts1 img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding:4px;background: #FF3E96;background: -webkit-gradient(linear, left top, left bottom, from(#FF3E96), color-stop(0.5, #FF3E96), c#4F94CDolor-stop(0.5, #FF3E96), to(#aaa));background: -moz-linear-gradient(top, #ffffff, #ddd 50%, #FF3E96 50%, #ffffff);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);} #PopularPosts1 img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}


Ainda na Nova interface do blog, clic em Modelo, Layout em seguida
Adicionar um Gadget.
Escolha a opção Postagens Populares e Salve.


Não conseguiu usar? Clic aqui WWW


51 comentários:

  1. oie minha linda..adoro personalizar meu blog e adorei esse tutorial.Beijocas Pink

    Loucas Por Pink (◕‿◕✿) )

    http://renatinhaloucaporpink.blogspot.com.br

    ResponderExcluir
  2. ótima dica!!!

    Beijos mulher antenadíssima ♥♥♥

    ResponderExcluir
  3. Muito legal!!!
    Beijooos;
    semprecomvoce2012.blogspot.com

    ResponderExcluir
  4. Oii :)
    To adorando o blog,
    e calro que ja estou seguindo!!!

    retribui??

    Beijos,
    te espero lá: http:momentosdapathy.blogspot.com

    ResponderExcluir
  5. adorei o tutorial, fica lindo!

    Beijos,
    Place Style

    ResponderExcluir
  6. Adorei, fica bem legal! Aliás preciso colocar no meu blog, mas e a preguiça? D:

    Beijo ♥
    inmuchlove.blogspot.com

    ResponderExcluir
  7. Amiga querida, vim rapidinho para avisar que o convite de Aniversário da Sarah já está lá no blog, depois passa lá para pegar, VC ESTÁ SUPER CONVIDADA para a festinha virtual! Te espero por lá eih! Amei o tutorial, estou usando e já está creditada! Um super beijo! *----*

    ResponderExcluir
  8. nossa como é fácil ne flor vlw pela dica bjus

    ResponderExcluir
  9. A que tutorial legal,gostei :D
    http://dezapaixao.blogspot.com.br/p/parcerias.html

    ResponderExcluir
  10. O Dany, tudo bem?
    Muito legal esse tutorial *-* Util e fácil!
    Beijão
    boa semana,
    Emy
    http://des-complica.blogspot.com

    ResponderExcluir
  11. Hummm adorei... vou tentar fazer...
    Ótimas dicas...
    Beijos!!!

    http://nailmypassion.blogspot.com.br/

    ResponderExcluir
  12. Que lindo o efeito. Queria pedir um tutorial: Como eu faço pra deixar as postagens que tem embaixo da sua postagem,com aquele efeito,com a imagem de um background?
    http://princesasdevermelho.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Legal o efeito ne? Estou preparando esse tutorial ^^ logo logo estará aqui no DP também, beijinhos amiga

      Excluir
  13. Adorei o tutorial, seu blog é muito lindo. Desde os posts até o layout, parabéns *-*

    ResponderExcluir
  14. Menina que tutorial mara, vou tentar qualquer dia desse que estiver com tempo livre. Gente muito fofo seu blog, parabéns flor.

    ResponderExcluir
  15. Adorei seu blog, seguindo!!! Te convido para conhecer o meu e seguir tbm!!! Bjs...

    http://www.perfumesdapam.com/

    ResponderExcluir
  16. Adorei o tuto Dany e fica lindo!
    Beijos flor.

    modaetutorial.blogspot.com

    ResponderExcluir
  17. Oi Dany, que legal o tutorial, amei*_*
    Beijinhos!

    ResponderExcluir
  18. OIe obrigado pela visita! Eu tbm não casei na igreja, só no civil, mas também, pretendo casar! Eu achei o tutorial bem legal viu! Eu tirei as postagens populares, mas com efeito vou testar ver se ficar bom!

    docefuturo.blogspot.com

    ResponderExcluir
  19. Dany, adoreeei, fiz no meu blog! *-* ficou lindo! bjos

    http://blogmiadora.blogspot.com.br/

    ResponderExcluir
  20. Oi Dannyzinha
    Gostei do efeito, vou tentar colocar lá no Chega Mais, fica mais atrativo :)

    ResponderExcluir
  21. Super bacana esse tutorial, adoreeei o efeito que fica na imagem! Além de ser super fácil, não é? Quem vê esse efeito em um blog, logo pensa que é difícil, dooorei *-*

    Um ótimo fim de semana pra você, viu? Beijin
    http://closet-teen.blogspot.com

    ResponderExcluir
  22. Amei o tutorial, super criativo. s2
    Vc tem mto talento, parabéns! *--*
    Obrigada pelo lindo carinho em meu blog.
    Mil Beijinhos. ♥

    ResponderExcluir
  23. Ótima dica, adorei o tuto!
    Beijos, http://vicbarbosa.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Adorei a dica, ótima !!
      http://corteecosturaa.blogspot.com.br

      Excluir
  24. Nossa Dany tu sempre com esses tutorias incríveis \o/ Agora tenho que deixar a preguiça de lado e seguir a tua dica de fazer um blog só pra teste ^^

    BJos linda :**

    http://sombraeblushmakeup.blogspot.com.br/

    ResponderExcluir
  25. Que legal! Amei essa dica :)

    http://colorful-mushrooms.blogspot.com.br

    Beijoos ;*

    ResponderExcluir
  26. Quue lindo,só não uso essas postagens populares pois acho que ocupa muito espaço...

    #Bezoos~~> Perfeitosmile.blogspot.com || Ta rolando um concurso no meu blog!!Não Perca participe já.

    ResponderExcluir
  27. Estava querendo colocar esse gadget no meu blog já faz um tempo, só que acho ele feio, assim personalizado fica bem melhor com certeza.

    victory-blog1.blogspot.com.br

    ResponderExcluir
  28. Dany, Você foi escolhida pra responder uma tag, passa lá no blog para saber mais!

    Beijos Mulher Antenadíssima ♥♥♥

    ResponderExcluir
  29. Heeeey amiga, desculpa pelo sumiço! ahahahah
    adorei o tutorial como sempre ótimos e ajudando todos! Beijinhoss

    ResponderExcluir
  30. Tem um gadgets de postagens populares ;) acho bem mais facil! rs bjjs *Tem um SORTEIO rolando la no blog, conto com sua inscrição. tinyurl.com/8vomr5g

    ResponderExcluir
  31. Olá!
    Obrigada por visitar meu blog! :) Fiquei muito feliz!
    Achei o tutorial bem legal e explicadinho, mas não tenho esse gadjet no meu blog...

    Beijos, Carol!
    (Clique no perfil)
    Part Of Me

    ResponderExcluir
  32. Faz toda a diferença no blog...

    Visite o meu blog e caso goste, siga-o, será um prazer tê-la por lá.

    espacoglam.com

    Beijos

    ResponderExcluir
  33. Já pus o seu link lá amore ^^ se quiser conferir,beijocas

    http://cantinhodaslovelys.blogspot.com.br/

    ResponderExcluir
  34. Adorei! Ficou perfeito no blog! Obrigada! ^^

    lovelyartesanatosbymay.blogspot.com.br

    ResponderExcluir
  35. to usando amoree *-------* fico mto lindo haha.. to seguindo vc, segue de volta? blog: http://partofmeluan.blogspot.com.br/ obrigada

    ResponderExcluir
  36. nossa amei seu blog! lindo demais.. agora coisas assim. cute cute..rsrs
    amiga se puder faz visitas para mim tambem! bjao.

    ResponderExcluir
  37. Nossa adorei mais posso te pedir uma coisa pode ensinar a como colocar o expiral que vc tem aqui
    <--------- pf me ajude quero colocar no meu blog ok visite meu blog ------>http://garotaperfeitaamais.blogspot.com.br/

    ResponderExcluir
  38. Uau!! Amei esse efeito! Amei esse blog! Quanto coisa fofa aquiii. Ahhhhhhhh... Tô tendo um ataque de fofura aqui. *-*

    ResponderExcluir
  39. Olá Dany!! Tudo bom?
    Adorei o tutorial, estava procurando algo assim para as postagens populares. Ficou uma gracinha, parabéns!
    Estou usando <3
    http://inspiracaoinfinita.blogspot.com.br/

    Grande beijo e tenha uma ótima semana!

    ResponderExcluir
  40. Fui em postagens populares,mas não tem lugar para colar o código que explicou.Apareceram algumas postagens,mas nada de bom.

    Bjinhos

    Dryka

    ResponderExcluir
  41. Eu não consigo mudar as cores só fica Rosa e Branco :(
    http://www.aolhardeumgaroto.blogspot.com

    ResponderExcluir
  42. Oi Dany..amei,consegui fazer no meu blog,muito obrigada *-*

    Seguindo
    Um Grande Beijo
    Estrela,Flores...Melancia

    ResponderExcluir
  43. Ola Dany preciso de uma ajuda eu quero trocar a cor da moldura..
    poderia mostrar onde trocar a cor?

    ResponderExcluir
  44. Oi Dany, estou amando as dicas do seu blog

    Beijos <3

    like-a-lovely.blogspot.com

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...

Ultimas atualizações no Blog ♥