3 anos de blog + Tutorial Like Box

Olá pessoas lindas. Hoje o blog faz 3 anos! Me lembro de 3 anos atrás eu procurando algum lugar para colocar meu blog. Nem sabia o nome, foi meio que na hora que veio o nome "Garotas e Derivados".
Enfim, esse blah blah blah vocês estão lendo já por 3 anos. Vamos a parte legal ♥

PRESENTE! \Õ/

Vou postar tutoriais para vocês, DIY e quem sabe, até um layout lindo não saia por ae? EM BREVE!

Enquete para comprovar os mais pedidos.

A Jhessica Carvalho pediu para eu ensinar como personalizar a Like Box, isto é, a caixinha de curtir no face que fica no blog. Primeiro de tudo você precisa ter uma página no Facebook. Quer criar uma página? Clique aqui e segue o tutorial. Depois da página pronta, ela tem que estar no blog, clique aqui e fique sabendo. Se você sabe como, vá logo no lugar que "fabrica" estas caixinhas, para isto clique aqui.

Vai ficar assim a caixinha, com fundo *-*

Oi Nanny, Sabrina, Ana, Alane, Thayná, Tatyane e Isa *_*

Todos os créditos ao Trechy Teen. Vamos ao tutorial. Se você quiser saber da forma que a Candy fez, clique aqui para ver o tutorial original.


Primeiramente vá onde "faz" essas caixinhas clicando aqui. Preencha os lugares com os dados necessários.
Clica em "Get Code" e clique em "IFRAME" que nem a imagem.

O código vai ser parecido com este abaixo, só que lógico, o seu vai ser da sua página.

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FGarotas-e-Derivados%2F201349469938002&amp;width=290&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:258px;" allowTransparency="true"></iframe>

Coloque o código abaixo, logo após de onde está destacado

background: url(url_da_sua_imagem);

Ficando assim:

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FGarotas-e-Derivados%2F201349469938002&amp;width=290&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=false" scrolling="no" frameborder="0" style="border:none; background: url(url_da_sua_imagem); overflow:hidden; width:290px; height:258px;" allowtransparency="true"></iframe>

Imagens
Com já disse na imagem, o fundo que você colocar será será do tamanho que você colocar ali.
Uma dica: Faça um print da caixinha sem o fundo e use como base para fazer o fundo.
Algumas bases e fundos para vocês usarem:

Base 1 | 2 | 3 | 4 | 5
Usem e creditem!
Beijos, Erica Lima ;*