Como mudar o background do
Google Friend Connect



Ola amigos, obrigada pelo carinho de sempre.
Reservei pra hoje um tutorial bem legal, vamos aprender a personalizar o Google Friend Connect, que é aquela caixinha de seguidores.
É possível Mudar o background e as bordas, confira o exemplo



---------------------------------------------------------------------------------
Copie o código do modelo desejado cole antes de ]]></b:skin>
em seguida salvar modelo.



#Followers1 .widget-content{
height:auto;
width:auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheRtcCagzHLw94w8REZuX84DjrlZ4yN5F4BLjhMyVIgvCFn2qfjV_QMKWt_1TRthef42BQjpWj4MkYfn2fVdobHh0QtXSw5TbAOMgqvqWYJ13pVIBFTTGCnFgQGXDpIVPAR_5LLsYQrk6o/s1600/back_2.gif);repeat; repeat; padding: 5px;
border: 2px dashed #000 ;
border-radius: 8px;
}




#Followers1 .widget-content{
height:auto;
width:auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP65ihyphenhyphen5A_XAEdRj6EAO6EF9lXgvo6b_qKlLlQEfYWzsf7pJuUDOlHZqMMnlD63ygyENvqN5EkQg6qfMuJBeATs4evI5-zGoMeywfVscVRFxMUQVS1RqjoLVVqp4aJnVGg33ncpejcluEq/s1600/back_12.gif);repeat; repeat; padding: 5px;
border: 2px dashed #000 ;
border-radius: 8px;
}




#Followers1 .widget-content{
height:auto;
width:auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji3O6_DoDATa4_BbLvLKxRVDJG75pgVemQd4Rxjo182V4xmHGsa0aqp8iJaWpt6zCR3hTMNrUaQK6t7WdykGYFsTMyaugA2rzwc88iIlWBK3pFnKyph6eKz7WP62SJDWhQQzbmXFmTnu-6/s1600/back_3.gif);repeat; repeat; padding: 5px;
border: 2px dashed #000 ;
border-radius: 8px;
}




#Followers1 .widget-content{
height:auto;
width:auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeq0k5WYR1UOrdkTAgfkw8wmJagjmSmOQw-e8Bq4mhKkoTIhwVIALYLDIAb3Ln7baVPK_CT_C7nX7X1_q7WRdWrJdZzMyjitH5FFf6UL3nS1YXZvZHnGK-WwsSjL7mhDFnAXyRUcnWRFfT/s1600/back_9.gif);repeat; repeat; padding: 5px;
border: 2px dashed #000 ;
border-radius: 8px;
}




#Followers1 .widget-content{
height:auto;
width:auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsrPHq8mZtpN2DotClD1iF1w57Ibn4C3fFl2OWGq8OR8Lmc1V_tkIM3v79q2i7Cm6vR6Ssv9UXVOBNQpWyQFXDvmJlS-qkEdX8S4sU3pi6kKgNf7k1JNifRXKGITvZSmFCMNJtETN7CoMx/s1600/back_01.gif);repeat; repeat; padding: 5px;
border: 2px dashed #000 ;
border-radius: 8px;
}




#Followers1 .widget-content{
height:auto;
width:auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjERIrkF6NrKu4B-3PCyF20MKrTFc6eQcOadtdVzlDniOxbzyTXwnHp6kLjoQ93Sfd-sFGeHRP7wkJ6JLEYpwjtE3QzFYofuT16uT_7bwYUlGcmuZjYYZGGMdvM-f0sziA6MVFVI23KLkmL/s1600/back_13.gif);repeat; repeat; padding: 5px;
border: 2px dashed #000 ;
border-radius: 8px;
}




#Followers1 .widget-content{
height:auto;
width:auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimFR4Ms8r-TgNotHdwIBrcvOVb_AltnhGB-BeIvF56uRUk_xiVlvj46tWTkKaXNQxbfOIiKZ0dVEVgj1opw8-WlKV7xURHPKFaqSbluxuAwzPBa4Bgo9fdgy43MqWe_fba-o0Upp1vhxbF/s1600/back_4.gif);repeat; repeat; padding: 5px;
border: 2px dashed #000 ;
border-radius: 8px;
}




#Followers1 .widget-content{
height:auto;
width:auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGDisQQA2NuaBOarMv24yt-jzveJs726YUSNWBlFpWY2d3P7UV2ZnRKtxuE9EFRYj45tHZEIZ7k3LuEJDtDBnrCiCv_AMtSotW07CqQpq2eXJLR5ph2BQD2q4wwJnaCCxmsIbJum5Rw3FK/s1600/back_6.gif);repeat; repeat; padding: 5px;
border: 2px dashed #000 ;
border-radius: 8px;
}




#Followers1 .widget-content{
height:auto;
width:auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhli0SB13IN-BkQjPnO2bLAvCayYjOHzWE-3w5qcKTO93TFqXtK6wrmVwMSrFWfyKfbZj86EMsxKYLAOxOzfdnK8KehOrIHCfYd7pf11qpAbWtnxHYXO5ucgKjoGotAuKvrno3NAtVJ-I9L/s1600/back_5.gif);repeat; repeat; padding: 5px;
border: 2px dashed #000 ;
border-radius: 8px;
}




#Followers1 .widget-content{
height:auto;
width:auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEqYrJQzQf3TVzJYJQMUrRM3N-9jIKoqP1kGYHFECGWi0VOKBUyk82j_3ihIRT4YPbJMUPmpDzXgnNzJQi9A6K0Mamg2YglO4a4e4QE0u9ZsdVVwHixHDeXAQo8QOp9MNxzzvLkqJdXa91/s1600/back_10.gif);repeat; repeat; padding: 5px;
border: 2px dashed #000 ;
border-radius: 8px;
}




#Followers1 .widget-content{
height:auto;
width:auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUFGXOnDJiHuoyKBsiQtZmehsnf0RmL_FWGzij69Evalp7yXb-12xEdP7m9w2u42Clne2WcgQBgSiUTA6JxwXh_Ik4sZJBJYoaF_529hVzJOoBVUatvs-h3mvkuPIrTFnmgQ0sY4e-ythM/s1600/back_8.gif);repeat; repeat; padding: 5px;
border: 2px dashed #000 ;
border-radius: 8px;
}




#Followers1 .widget-content{
height:auto;
width:auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilgqcVpgHMNKTmCZdXADSwg7Rb6E5LmAoimVFzU1wyN9m6Y5U15cpvhq9CVvC_w33IOCPKGA74vIT63GvKvdRQjz6VWejPzDhwEADw26uhkIb76UFBYkjmBwlmzV3GQaunvsEHdCF4kWCa/s1600/back_11.gif);repeat; repeat; padding: 5px;
border: 2px dashed #000 ;
border-radius: 8px;
}




#Followers1 .widget-content{
height:auto;
width:auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf05dybIB35wKOLisVSnsA5Wz9qh9Vo8iRUAobz76whF5Wt_TVwIx5Qx3Yvbckcf8S7qtj0Ihi7vFsU1nZW3P5Ty2ZcqM44Vl0jkEngOBdQEncGkzFqjvZqbFRkACmT5jFx0l82mnbcExM/s1600/back_7.gif);repeat; repeat; padding: 5px;
border: 2px dashed #000 ;
border-radius: 8px;
}


Se deseja usar o seu próprio bakground cole o edereço da sua imagem no seguinte trecho background:url(Endereço da imagem)



19 comentários:

  1. AMIGA LINDA...AMEI AMEI AMEIIIIIIIII
    OBG..BJUS BJUS BJUS..=^.^=

    ResponderExcluir
  2. Ameii esse tutorial não só esses mais todos os outros seu blog é demais :D

    http://garotamoderninhaa.blogspot.com

    ResponderExcluir
  3. aa adoorei o tutorial querida super fofo os fundos rsrs
    http://rennataferreira.blogspot.com.br

    ResponderExcluir
  4. Não acredito q dava pra mudar e eu n sabia? ahsuahsau... acho q vou colocar no meu blog {=
    fashion em cores (.com)

    ResponderExcluir
  5. MY GOD, ameeeeeeeeeeeeeeeeeeeeeei o tuto perfect
    *--------* concerteza usarei lá no blog !!


    Vão Na Mala

    ResponderExcluir
  6. Amei Dany, mas gosto do meu branquinho -fundo-

    Beijos..
    cupcake-de-morango.blogspot.com

    ResponderExcluir
  7. Seguindo seu blog :)) lindo segue de volta! bjs http://lovesweetcherry.blogspot.com.br/

    ResponderExcluir
  8. Não consegui e fiz certinho o que será que aconteceu? kkk
    beijos!
    sweetbulunga.blogspot.pt

    ResponderExcluir
  9. aai que luuxo nem sabia que tinha como fazer isso *-* uui minha cabeçinha vesga tá em todos kkk adooro, amei de mais essa dica, acho que vou tentar fazer *-*

    Beeeeijos, ótimo início de semana :D
    Vou te contar makeup

    ResponderExcluir
  10. ei danny faz um favor pra mim
    entra no meu blog e olha na sidebar
    onde ta escrito blogs irmaos
    hamm eu queria colocar um mini gif antes de cada link
    como eu faço?

    ResponderExcluir
  11. Oi querida amei o tutorial, bom você disse que seguiu o blog mas nem seguiu ;/ Dá uma olhadinha lá nvm ? Seguindo, aqui! Beijos .

    ------> Menina Fashion *Acesse no Perfil*

    ResponderExcluir
  12. Querida então vamos fazer assim.. Saia da sua conta, entre lá no blog e tente seguir vai resolver rsrs (: Beijos!

    -------> Menina Fashion *Acesse no Perfil*

    ResponderExcluir
  13. Amei o tutorial, essas caixinhas são mt fofas, já tô usando um no meu bloguinho ok?
    Seguindo de volta flor, amei aq, tudo é mt lindo e fofo, kissus♥
    itcupcakepink.blogspot.com.br

    ResponderExcluir
  14. Oiii gostei muito pena que eu não consigo mudar :(

    Eu fiz tudo bem direitinho. Será que não pode mudar mais?

    Acho muito feio do jeito que é :/

    Amei aqui, to seguindo! Beijos tanamoda.com

    ResponderExcluir
  15. Oi Dani,já estou usando,amei...bjs e muito obrigada por disponibilizar.

    ResponderExcluir
  16. Ai amei vc é demais,Dany sempre me orgulho de vim aqui!

    ResponderExcluir
  17. Olá :) Adorei a dica! *-* Estou usando no meu blog. Obrigada! ;) beijos!
    Blog: http://my-stories-wonderful-books.blogspot.com.br/
    Página: https://www.facebook.com/BlogWonderfulBooks

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...

Ultimas atualizações no Blog ♥