Gadgets diferentes

Ellen e a Samantha me pediram o tuto de como deixar a sidebar assim como a minha, com cada gadget diferente do outro, vou dar o código e o resto é com vocês ^-^ vocês vão ver que é a coisa mais fácil do mundo, sério muitos devem pensar que devem ser aqueles tutoriais com códigos gigantes, mas não é não :) Por hoje é isso bom find p/ vocês e até quarta-feira



 Vocês perceberam que cada gadget é diferente, pode-se usar formas, cores e backgrounds..

Vá em design ~ Editar HTML ~ Marque a opção  Expandir modelos

Aperte Ctrl F e procure por o nome do gadget que deseja personalizar, veja a imagem:
No caso eu quero personalizar o meu gadget welcome..apertei Ctrl f e procurei por welcome


Identifique o numero do widget id..que no meu caso o meu gadget welcome era HTML4 e faça o seguinte:

Procure por ]]></b:skin>
e acima dele cole:
#HTML4 { código da personalização aqui }
dentro da chave você coloca o que quiser, por exemplo:
#HTML4 {
border: solid 1px #000; Se você quiser borda no widget
background: url(URL DO BG AQUI) repeat; Se quiser background de fundo no widget
background: #000; Se quiser apenas cor de fundo no widget
box-shadow: inset 0 0 15px #ccc, 0 0 3px #aaa; Se quiser sombra no widget
border-radius:10px; Se quiser arredondar

}
É super fácil, não tem mistério, agora é só usar o mesmo processo em todos gadgets que queira personalizar, procure pelo nome identifique o id e personalize ^-^

Obs: Para personalizar o gadget de seguidores o código usado é:  #Followers1 { personalização}

48 comentários:

  1. q lindo , amei memso , mais to com uma preguiça... :/


    http://liemarieoficial.blogspot.com/

    ResponderExcluir
  2. Nossa vou salvar nos meus favoritos ''AGORA'' guria *o*
    Quando eu usar te credito com certeza

    beeeeijus <3

    ResponderExcluir
  3. Eu ultilizo esse método as vezes, e as vezes coloco os gadgets direto no html mesmo, fica show d+, alias, aqui tá cada vez mais lindo!!! adoro

    bjãoo

    ResponderExcluir
  4. Adorei os gadgets!!! *-*

    Beijo,
    www.estanteseletiva.com

    ResponderExcluir
  5. Eu adorei o tutorial sendo que não funcionou no meu blog TT^TT, você poderia fazer um tutorial de como deixar os comentários personalizados assim? Muito obrigada.


    bye
    kissus~>3<

    ResponderExcluir
    Respostas
    1. Os comments são do blog candylland.net lá tem vários modelos lindos :)

      Excluir
  6. Obriagda xuxu ^-^e olha que e facinhho mesmo!!

    ResponderExcluir
  7. Muuuito obrigada *-*

    Não achei que fosse tão fácil ¬¬'
    Vou usar no meu próximo layout, fica um efeito lindo ^^

    Kissus ;3
    http://domo-kun-lovers.blogspot.com.br/

    ResponderExcluir
  8. Adorei o tutorial,fica lindo mesmo.

    http://caprichadasbr.blogspot.com.br/

    ResponderExcluir
  9. São poucos os que esinam como deixar os gadgets igual ao do próprio blog, pq afinal a maioria que ter algo unico. Ah, seu blog tá muuuito lindo.
    ---------------------------------
    http://bugigangazdanet.blogspot.com.br

    ResponderExcluir
    Respostas
    1. prefiro ensinar sabe ^-^ daí as pessoas fazem de acordo com o gosto delas e não precism copiar o código fonte daqui do blog como ja aconteceu T.T

      Excluir
  10. Amei o tutorial! Já salvei em favoritos, se eu for usar eu credito, ok?
    Beijos!!

    http://garotavertigem.blogspot.com/

    ResponderExcluir
  11. Eu to láa na fotinho *O* ou print, Slá, Amei o tutorial *-*
    Beeijos U_U

    ResponderExcluir
  12. Kakah, como faço pra personalizar outros gadgets que não são de HTML? Por exemplo, as tags são Label1. Como faço pra personalizá-las?

    Kissus ;3

    ResponderExcluir
    Respostas
    1. é só colocar # na frente sem espaço..tipo: #Label1 {bla bla bla}

      Excluir
  13. Muito legal !
    Gostei muito do seu blog, ja estou seguindo.
    Parabéns lay lindo.
    http://blogger-boysattitudes.blogspot.com.br/

    ResponderExcluir
  14. Ótimo tuto
    Seguindo,segue de volta??
    http://cofeeinparis.blogspot.com.br/
    beijos,te esperando lá,não falte.

    ResponderExcluir
  15. Amo essas dicas, eu fico com medo de mexer, mas faço o teste e sempre dá certo.
    Valeu a dica.
    ♥Fica com Deus♥
    http://ilmacavalcante.blogspot.com.br/

    ResponderExcluir
  16. Muito lindo.
    Ah! E se você poder dar uma mini visitinha no meu blog, deixando uma marca sua super linda e maravilhosa ficarei muito feliz.
    Bjão. Fique com Deus!
    http://mundofantasticofeminino.blogspot.com.br/

    ResponderExcluir
  17. Muito legal o tutorial, adorei o blog também!

    Beijos!
    http://karen-queen.blogspot.com.br/

    ResponderExcluir
  18. Nyaa que blog mais lindo =>.<=
    Amei amei e já vou seguir!E ótimo seu tutorial!
    Kissu ;*

    http://love-of-blogging.blogspot.com.br/

    ResponderExcluir
  19. Kakaah saudades .. vc me deu o maior susto quando vim aki e ele estava em construção ou sla oque leitores convidados kk .. Vou usar e credito ok's?

    ResponderExcluir
  20. nossa me ajudou muitoooooo!!! seu blog é d+!!!!!


    http://meusdesenhosmanghoradeanime.blogspot.com/

    ResponderExcluir
  21. Oi flor,o blog ta lindo!
    Vim convidar você e suas leitoras para um sorteio muito legal!
    Confere lá no Dicas Bel
    dicasbel.blogspot.com.br/
    Sucesso!

    ResponderExcluir
  22. Adorei o blog, muito lindo, amei tudo. Parabéns mesmo, vou sempre estar aqui (:

    ontendency.blogspot.com

    ResponderExcluir
  23. awwin que fofo fica.
    www.Bikoti.blogspot.com

    ResponderExcluir
  24. Floor tem um selinho para você lá no blog.

    http://deluxesphotoscape.blogspot.com.br/2012/06/ganhei-um-selinho.html
    Beijos

    ResponderExcluir
  25. Haay, só vc com esses tutoriais ÚNICOS aushauh' #AMO rs Bezus Luuh
    Rawr Baby ~> teenstyle-official.blogspot.com

    ResponderExcluir
  26. Legal, vou colocar na lista dos tutoriais para o proximo lay do meu blog, mas eu queria 2 tutoriais
    Um de coml personalizar a area de comentarios
    E outro de como por esse fundo no titulo

    Kissus
    bakahimesama.blogspot.com

    ResponderExcluir
  27. Meu blog mudou de URL,agora é esse
    http://cofeeinparis.blogspot.com.br/
    Se puder passa lá!
    em breve também mudará o nome,beijos de Stephane
    especialmente para-Bad Reputation

    ResponderExcluir
  28. Nossa... esse tutorial é muito bom!
    Que bom que você voltou, estava sentindo falta dos seus posts!
    Também voltei!
    Abç

    http://adraftbox.blogspot.com.br

    ResponderExcluir
  29. Você pode fazer um post de como fazer parte de afiliados etambém pode fazer um de organizadores de postagem tipo aquelas linhas fofas para organizar os posts

    ResponderExcluir
  30. Oi flor ameii seu blog !!
    estou te seguindo me segue ?

    http://umbrilhodemenina.blogspot.com.br/

    ResponderExcluir
  31. oi gosto muito do seu blog ele é muito kawaii passa la no meu e deixa um comentário e por favor me segue eu já te sigo meu blog é http://novidadesdoguss.blogspot.com.br/

    ResponderExcluir
  32. Que tutorial massa! \o/
    Vou correndo agora testar, estava querendo fazer algo assim, mas não sabia que tinha jeito ^^'
    Abç

    http://adraftbox.blogspot.com.br/

    ResponderExcluir
  33. AAhh tuto perfeitoo, amei seu blog!

    Beijos, ja to seguindo...

    http://flyingunicorns-official.blogspot.com.br/

    ResponderExcluir
  34. Ótima dica!
    Seguindo
    http://tudoounadaconectada.blogspot.com.br/

    ResponderExcluir
  35. Muito legal adorei muito fofo, Seu blog ele é perfeito é bem gostoso de ler, Bjs fique com Deus que ele abençoe sua vida.

    http://pinkglosskat.blogspot.com.br/

    ResponderExcluir
  36. Kaah, eu estou conseguindo fazer aborda ficar redonda, daskete?

    ResponderExcluir
  37. Adorei o tuto *-*
    Bj

    http://themyteenagedram.blogspot.com

    ResponderExcluir
  38. Muito Lindo, e Não é dificil... É incrivel como vc consegue simpificar essas coisas dificeis e esplicar de um jeito tão facil...

    Bjuss...

    http://mimiycosmeticos.blogspot.com.br/

    ResponderExcluir
  39. Nossa Voce Me ajudopu Muuiitoo Vlw Floor!

    ResponderExcluir
  40. Oi linda eu peguei , claro te creditei estou te seguindo mim seguie ?

    ResponderExcluir