Como adicionar o Facebook como blogger (com fotos)

ThiSeaches você como adicionar um botão clicável do Facebook "Like" ao seu blogger (Blogspot.com) site. Depois de construir o botão no botão do botão LIKE, você só precisará copiar e colar dois bits de código no painel do blogger, fazendo uma edição rápida para compatibilidade.

Passos

Parte 1 de 3:

Criando um botão como

1. Vamos para https: // desenvolvedores.Facebook.COM / docs / plugins / botão. Você pode usar qualquer navegador da Web moderno, como Chrome ou Safari.

Adicionar facebook gosto de blogger step 2

2. Role para baixo para baixo para o botão Configurador. Está na terceira seção da página.

Adicionar Facebook Gosto de Blogger Step 3

3. Digite o endereço do seu blog no "URL to Gostar".

Adicionar Facebook Gosto de Blogger Step 4

4. Digite a largura do plugin desejada na caixa "Largura". A maioria dos usuários do blogger pode deixar essa caixa em branco, pois a largura padrão (450 px) funciona bem. Note que esta é a largura de todo o plugin, não o botão similar.

Adicionar facebook gosto de blogger step 5

5. Selecione um estilo de botão no menu "Layout". Você verá uma prévia de cada estilo quando estiver selecionado.

Adicionar Facebook Gosto de Blogger Step 6

6. Selecione uma ação no menu "Tipo de ação". Por padrão, seu botão vai dizer "como."Se você preferir, você pode alterá-lo para dizer" Recomendar."Quando alguém clica no botão, seus seguidores do Facebook verão" (nome da pessoa) recomenda isso."

Adicionar Facebook Gosto de Blogger Step 7

7. Selecione um tamanho no menu "Tamanho do botão". A visualização do botão abaixo do configurador mostrará o que cada tamanho parece.

Adicionar Facebook Gosto de Blogger Step 8

8. Verifique ou desmarque a caixa "Incluir botão de compartilhamento". Se a caixa estiver marcada, um botão que diz "Compartilhar" aparecerá ao lado do botão Like no seu blog. Se alguém clicar nesse botão, eles terão a oportunidade de entrar em parte de seu próprio texto antes de compartilhar o link com seus amigos do Facebook.

Adicionar Facebook Gosto de Blogger Step 9

9. Clique Obter código. Agora você verá duas caixas contendo código HTML que você deve colar em diferentes áreas do Blogger.

Parte 2 de 3:

Adicionando o código ao seu modelo

1. Entre para https: // Blogger.com. Use outra guia ou janela do navegador, como você precisará copiar e colar o código do Facebook para Blogger.

Adicionar Facebook Gosto de Blogger Step 11

2. Clique Modelo. Está no lado esquerdo da tela, perto da parte inferior do menu.

Adicionar facebook gosto de blogger step 12

3. Backup do seu modelo de blog. Sempre faça um backup ao editar o código HTML do seu blog diretamente.

Clique no Restauração de backup botão no canto superior direito da página.

Clique Modelo de download.

Digite um nome para o seu arquivo, e.G. "Backup de modelo de blog."

Clique Salve .

Adicionar Facebook Gosto de Blogger Step 13

4. Clique Editar HTML. É apenas abaixo da imagem de pré-visualização do seu blog.

Adicionar facebook gosto de blogger step 14

5. Copie o código da primeira caixa do Configurador do botão Gosta do Facebook. É o código na caixa superior, sob "Etapa 2."

Você pode copiar o texto destacando-o e pressionando Ao controle+C ou ⌘ comando+C.

Adicionar Facebook Gosto de Blogger Step 15

6. Cole o código no seu código HTML do Blogger. O código deve ser colado após a linha que começa, de preferência na próxima linha.

Para se dar um lugar para colar o código, clique antes do primeiro caractere da linha após a tag do corpo e, em seguida, pressione ↵ ENTER ou ⏎ RETORNAR.

Clique na linha em branco e pressione Ao controle+V ou ⌘ comando+V colar.

Adicionar Facebook Gosto de Blogger Step 16

7. Substitua cada "e" no código colado "& amp-". Não inclua as aspas.

Por exemplo, "// Connect.Facebook.net / en_us / sdk.js # xfbml = 1EVersão = v2.8 "se torna" // conectar.Facebook.net / en_us / sdk.js # xfbml = 1& amp-Versão = v2.8""

Adicionar facebook gosto de blogger step 17

8. Clique Salvar modelo.

Se você acidentalmente pulou um "&", verá um erro que diz "Erro ao analisando XML" logo acima do código. Volte para o código colado, encontre o &, e substitua-o por & amp-.

Parte 3 de 3:

Adicionando o botão ao seu layout

1. Copie a segunda caixa de código do configurador de botão LIKE. Você terá que retornar à sua outra janela do navegador ou aba para encontrá-lo. Este é o código na caixa abaixo do "passo 3."

Você pode copiar o texto destacando-o e pressionando Ao controle+C ou ⌘ comando+C.

Adicionar Facebook Gosto de Blogger Step 19

2. Clique Layout de volta no blogger. Está no lado esquerdo do painel do blogueiro, logo acima de "modelo."

Adicionar facebook gosto de blogger step 20

3. Clique no Adicione um gadget botão onde você quer que o botão apareça.

Na maioria dos casos, você vai querer que o botão apareça em um cabeçalho ou rodapé.

Adicionar Facebook Gosto de Blogger Step 21

4. Selecione Html / jаvascript. Você terá que rolar um pouco para encontrá-lo.

Adicionar Facebook Gosto de Blogger Step 22

5. Modelo Facebook Em "Title."

Adicionar facebook gosto de blogger step 23

6. Cole o código copiado na caixa "Conteúdo". Você pode fazer isso clicando na caixa e pressionando Ao controle+V ou ⌘ comando+V.

Adicionar Facebook gosto de blogger step 24

7. Clique Salve . Agora você verá uma caixa de gadget chamada "Facebook."

Clique em Visualizar no canto superior direito da página para verifique se o botão aparece onde deve. Se você não gosta do local, pode arrastar a caixa "Facebook" para uma das outras seções do seu layout.

Adicionar Facebook Gosto de Blogger Step 25

8. Clique Salvar arranjo. Está no canto superior direito da tela. Agora, quando alguém gosta do seu blog, eles podem facilmente compartilhá-lo com todos os amigos do Facebook.