19 de dezembro de 2013

Semana de tutoriais: Como colocar Facebook e Twitter na sidebar.

Oi pessoal! Essa semana é semana de TUTORIAIS, todo dia um tutorial novo pra você!
No primeiro tuto, ensinei a colocar no rodapé, como forma de compartilhamento, hoje irei ensinar a colocar na sidebar, pra curtir/seguir. O resultado será este:

O do Facebook, todo mundo já sabe, mas vou ensinar mesmo assim u-u '
E o do Twitter, eu acho muito meigo. Então se quiser aprender, é só continuar lendo.


Facebook:
Depois da sua conta aberta, clique aqui. Irá aparecer essa janela:

Agora siga as instruções:
Em Facebook Page URL, você coloca o link da sua página.
Width e Height, é a largura e a altura, respectivamente ; mas eu gosto de modificar depois, no código, pra ajustar direitinho na minha sidebar. Mas, vocês decidem!
Em Color Scheme, você decide se quer ela com o fundo branco ou preto.
Se você marcar a opção Show Friends Faces, irá aparecer a foto de perfil de quem já curtiu. Se você desmarcar, não aparece nada.
Se marcar a opção Show Posts, seus posts aparecerão na caixinha, como o do Twitter.
Se marcar a opção Show Header, o caixinha terá o "título" Encontre-nos no Facebook.
E por fim, mas não menos importante, se você marcar a opção Show border, a caixinha criará uma borda.
Certo? Agora que você já modificou tudo do seu jeitinho, é só clicar em Get Code.
Irá aparecer essa janela:

Vá na opção Inframe e copie o código.

Agora vá no blogger, em Layout, crie um Gadget - HTML/JavaScript, coloque o título e no conteúdo, cole o seu código. Pronto.

Twitter:
 Abra sua conta e vá em Configurações, Widget, Criar novo, irá aparecer essa janela:

Acho que dá pra entender tudo agora. Veja o que está fazendo em Visualização. Ah, quando você colocar na sua sidebar, ele se ajusta a largura que for, você só precisa mudar a altura.
Quando terminar, clique em Criar widget e copie seu código.

Agora vá no blogger, em Layout, crie um Gadget - HTML/JavaScript, coloque o título e no conteúdo, cole o seu código. 
Pronto, agora você tem o Facebook e o Twitter na sua sidebar.


Bom, é isso pessoal. Espero que tenha ficado tudo bem explicadinho e que ajude vocês. Qualquer dúvida comentem. Até amanhã com o último tutorial! :c


Beijos da Lily ;*

Nenhum comentário:

Postar um comentário