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}

50 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. Hoy ♥ tudo bem? AMEI o seu blog *-* Já estou seguindo* Podias tbm seguir o meu,sff? :) http://sweetlove-diiana.blogspot.pt/ Brigada,bjinhos linda*

    ResponderExcluir
  6. 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
  7. Obriagda xuxu ^-^e olha que e facinhho mesmo!!

    ResponderExcluir
  8. 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
  9. Adorei o tutorial,fica lindo mesmo.

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

    ResponderExcluir
  10. 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
  11. Amei o tutorial! Já salvei em favoritos, se eu for usar eu credito, ok?
    Beijos!!

    http://garotavertigem.blogspot.com/

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

    ResponderExcluir
  13. 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
  14. Muito legal !
    Gostei muito do seu blog, ja estou seguindo.
    Parabéns lay lindo.
    http://blogger-boysattitudes.blogspot.com.br/

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

    ResponderExcluir
  16. 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
  17. 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
  18. Muito legal o tutorial, adorei o blog também!

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

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

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

    ResponderExcluir
  20. 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
  21. Oi,vim aqui dizer que eu adorei o blog e já seguia faz um tempo,adorei as postagens e você é muito carismática! Seu blog tem um designe lindo e eu adoraria que passase lá no meu e retribuísse a visita e se quiser seguir ;) beijão e continue sempre assim que você vai muito longe,você tem futuro heeein? http://clubedetres.blogspot.com.br/

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


    http://meusdesenhosmanghoradeanime.blogspot.com/

    ResponderExcluir
  23. 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
  24. Adorei o blog, muito lindo, amei tudo. Parabéns mesmo, vou sempre estar aqui (:

    ontendency.blogspot.com

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

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

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

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

    ResponderExcluir
  28. 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
  29. 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
  30. 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
  31. 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
  32. Oi flor ameii seu blog !!
    estou te seguindo me segue ?

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

    ResponderExcluir
  33. 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
  34. 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
  35. AAhh tuto perfeitoo, amei seu blog!

    Beijos, ja to seguindo...

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

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

    ResponderExcluir
  37. 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
  38. Kaah, eu estou conseguindo fazer aborda ficar redonda, daskete?

    ResponderExcluir
  39. Adorei o tuto *-*
    Bj

    http://themyteenagedram.blogspot.com

    ResponderExcluir
  40. 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
  41. Nossa Voce Me ajudopu Muuiitoo Vlw Floor!

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

    ResponderExcluir