Personalizando a caixa de fãs do facebook

03/10/2012

Tumblr_lo5c9lc8xr1qfcyo3o1_500_large

Já que alguns estavam pedindo, hoje vim ensinar como colocar imagem como fundo da caixa de fãs do facebook, é bem simples e o resultado será mais ou menos esse:


1) Vá no Painel do Blogger > Layout > Adicionar um Gadget > HTML/JavaScript e cole o código abaixo:

<iframe src="//www.facebook.com/plugins/likebox.php?href=Link da sua fanpage&amp;width=300&amp;height=270&amp;colorscheme=&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; background: url(Link da imagem) no-repeat; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>

Faça as alterações onde está indicado.
A parte destacada em azul, é a largura (width) e a destacada em verde é a altura (height)

Agora é só salvar! Espero que tenham gostado do tutorial, os créditos do código vão para o Trechy Teen.

11 comentários:

  1. Estava mesmo procurando por esse tuto! Amei!
    Beijos,
    Garota Destemida.

    ResponderExcluir
  2. Simplesmente adorei, estava querendo por no no meu blog mesmo '-'
    fashion em cores(.com)

    ResponderExcluir
  3. Legal o tutorial! Fica bem bonitinha a imagem de fundo.

    Bjinhos ;*
    Pâm

    ResponderExcluir
  4. Adorei as dicas!
    http://blogandocomtatah.blogspot.com.br
    :*

    ResponderExcluir
  5. Que legal isso, eu pensava que só tinha como deixar branco com a listrinha azul rs


    Con amore, Donna Yellow ♥

    maybe yellow

    ResponderExcluir
  6. Preciso criar uma página no Facebook para meu blog á muito tempo, mas a preguiça não deixa kkkkk, assim que criar uma venho aqui usar seu tutorial.

    victory-blog1.blogspot.com.br

    ResponderExcluir
  7. Super util o tutorial, ninguem merece só o azul marinho do face!

    ResponderExcluir
  8. quando fizer uma pagina pro meu face , vou mudar a cor , só azul é tenso , aisheuiahe '
    Beeijos ;* itsblond(.blogspot)

    ResponderExcluir
  9. aaaaaah vlw pelo tuto *----* é um detalhe que faz diferença né? :)

    ResponderExcluir
  10. amei o tuto, mega útil ^
    s2hay . blogspot.com

    ResponderExcluir