18 Como personalizar o titulo dos gadgets

Olá meninas, tudo bem?
Então como eu já tinha falado antes agora aqui no blog vai ter vários tutoriais pra personalizar seu layout e hoje eu trouxe mas um super fácil , pra vocês que usam o modelo do blogger então vamos lá aprender a enfeitar o titulo dos gadgets !
Escolha sua imagem e cole em gadget html java script o código abaixo da imagem escolhida;
<style>
/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: 'Sofia', cursive; /*Tipo de fonte*/
font-size: 20px; /*Tamanho da fonte*/
color: #000000; /*Cor da fonte*/
background: url(http://3.bp.blogspot.com/-LSi99lmXI3c/UJHb0KMpGmI/AAAAAAAABEo/wUdZXiFA6-c/s1600/cabe%C3%A7alhoemenu12.png) no-repeat center;
height: 36px;/*Altura da imagem*/
width: 287px; /*Largura da imagem*/
text-align: center; /*Alinhamento do texto*/
</style>
<style>
/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: 'Sofia', cursive; /*Tipo de fonte*/
font-size: 20px; /*Tamanho da fonte*/
color: #000000; /*Cor da fonte*/
background: url(http://2.bp.blogspot.com/-nQqDiMwld2U/UJHb14tRRxI/AAAAAAAABE4/xArmSedML-s/s1600/gadgets2.png) no-repeat center;
height: 36px;/*Altura da imagem*/
width: 287px; /*Largura da imagem*/
text-align: center; /*Alinhamento do texto*/
</style>
<style>
/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: 'Sofia', cursive; /*Tipo de fonte*/
font-size: 20px; /*Tamanho da fonte*/
color: #000000; /*Cor da fonte*/
background: url(http://2.bp.blogspot.com/-TKvJSAP1I0s/UJHb3KrTbxI/AAAAAAAABFA/2OS-RfaMCLw/s1600/minhabase+transparentee.png) no-repeat center;
height: 36px;/*Altura da imagem*/
width: 287px; /*Largura da imagem*/
text-align: center; /*Alinhamento do texto*/
</style>

Os códigos são da Jackie, modificados por mim !
Então é isso gente escolha a que quiserem e em breve trago mas imagens pra vocês 
vocês podem criar a sua própria imagem hospedar num blog teste e mudar a url dos códigos acima!

beijoos

18 comentários:

  1. nossa eu jurava q era HTML QUE LEGAL adorei vou fazer no meu depois adorei bj

    ResponderExcluir
  2. dá os créditos de quem vc pegou os códigos !

    ResponderExcluir
    Respostas
    1. Como eu tinha modificado os codigos eu nao coloquei de quem era!
      Mas ja ta corrigido valeu!
      bjo

      Excluir
  3. nossa ameii o tuto deu super certo jana santosamo seu blog pena que o nails acabou por causa da imbecil da cida do blog unhas beautifil eu gosto muito de vc e sempre gostei amo seus blog e fiz um blog pq me inspirei a vc vc e hiper simpatica linda gosto muito de vc gosto muito do sue blog das postagens e tudo sua linda te amo haha tenho um carinho enorme por vc haha ensina a fazer como vc personaliza os comentarios um tutorial espero o seu tutorial Bjs Sua linda

    ResponderExcluir
  4. Gostei JANA da novidade dos tutoriais,eu também pensava que era pelo html,nossa muito mais fácil e prático,estou pensando em mudar o meu kkk.
    bjs
    Que bacana tem parceria com a Gi makes,eu também já tive um dia parceria com ela..bjs

    http://simonebastos2007.blogspot.com.br/

    ResponderExcluir
  5. Adorei qualquer hora dessa eu coloco no meu blog.

    http://coisinhaparabloggernews.blogspot.com.br/

    ResponderExcluir
  6. Adoreii !!
    Ficou demais !
    Adorei o blog !

    ResponderExcluir
  7. Obrigado, o seu foi o único blog que me ajudou até agora! Obrigada mesmo.
    thoughtsprincess12.blogspot.com.br

    ResponderExcluir
  8. Obrigada! Eu estava procurando como personalizar o título do gatgets faz tempo de uma maneira que desse certo.
    Esse tutorial foi o mais fácil que já encontrei. me ajudou muito. Parabens! bjs

    ResponderExcluir
  9. Ficou lindo no Filha do Rei : http://filhadoreilarisse.blogspot.com.br/

    ResponderExcluir
  10. muitissimo obrigada estou usando no meu blog Filha do Rei , confere laah'

    ResponderExcluir
  11. O mais fácil e rápido que já encontrei...parabéns!!!

    ResponderExcluir

Comente com educação .
Aceito criticas construtivas ajuda a melhorar o blog.
Retribuo comentários deixa seu link que eu vou te visitar ^^
beijos

imagem-logo