Este wikiHow ensina como adicionar um botão clicável “Curtir” do Facebook ao seu site do Blogger (blogspot.com). Depois de criar o botão no Configurador do botão Curtir, você só precisa 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 Curtir
Etapa 1. Vá para
Você pode usar qualquer navegador da web moderno, como Chrome ou Safari.
Etapa 2. Role para baixo até Configurador do botão Curtir
Está na terceira seção da página.
Etapa 3. Digite o endereço do seu blog na caixa “URL para curtir”
Etapa 4. Insira a largura desejada do plugin na caixa “Largura”
A maioria dos usuários do Blogger pode deixar esta caixa em branco, pois a largura padrão (450 px) funciona bem. Observe que essa é a largura de todo o plug-in, não o botão Curtir em si.
Etapa 5. Selecione um estilo de botão no menu “Layout”
Você verá uma prévia de cada estilo quando for selecionado.
Etapa 6. Selecione uma ação no menu “Tipo de ação”
Por padrão, o botão dirá “Curtir”. Se preferir, você pode alterar para "Recomendar". Quando alguém clica no botão, seus seguidores do Facebook verão “(nome da pessoa) Recomenda isso.”
Etapa 7. Selecione um tamanho no menu “Tamanho do botão”
O botão de visualização abaixo do configurador mostrará a aparência de cada tamanho.
Etapa 8. Marque 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 Curtir em seu blog. Se alguém clicar neste botão, terá a oportunidade de inserir seu próprio texto antes de compartilhar o link com seus amigos do Facebook.
Etapa 9. Clique em Obter código
Agora você verá duas caixas contendo o código HTML que deve ser colado em diferentes áreas do Blogger.
Parte 2 de 3: Adicionando o código ao seu modelo
Etapa 1. Faça login em
Use outra guia ou janela do navegador, pois você precisará copiar e colar o código do Facebook no Blogger.
Etapa 2. Clique em Modelo
Ele fica no lado esquerdo da tela, próximo à parte inferior do menu.
Etapa 3. Faça backup do modelo do seu 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 Baixar modelo.
- Digite um nome para o seu arquivo, por exemplo “Backup de modelo de blog.”
- Clique Salve .
Etapa 4. Clique em Editar HTML
Está logo abaixo da imagem de visualização do seu blog.
Etapa 5. Copie o código da primeira caixa do Facebook Like Button Configurator
É o código na caixa superior, na “Etapa 2.”
Você pode copiar o texto realçando-o e pressionando Control + C ou ⌘ Command + C
Etapa 6. Cole o código em seu código HTML do Blogger
O código deve ser colado após a linha que começa com <body, de preferência na próxima linha.
- Para ter um lugar para colar o código, clique antes do primeiro caractere da linha após a tag do corpo e pressione ↵ Enter ou ⏎ Return.
- Clique na linha em branco e pressione Control + V ou ⌘ Command + V para colar.
Etapa 7. Substitua todos os “&” no código colado por “
&
”.
Não inclua as aspas.
-
Por exemplo, “//connect.facebook.net/en_US/sdk.js#xfbml=1 &version = v2.8”torna-se“//connect.facebook.net/en_US/sdk.js#xfbml=1
&
- versão = v2.8 "”
Etapa 8. Clique em Salvar modelo
-
Se você acidentalmente pular um “&”, verá um erro que diz “Erro ao analisar XML” logo acima do código. Volte para o código colado, encontre o & e substitua-o por
&
- .
Parte 3 de 3: Adicionando o botão ao seu layout
Etapa 1. Copie a segunda caixa de código do Configurador do botão Curtir
Você terá que retornar à outra janela ou guia do navegador para encontrá-lo. Este é o código na caixa abaixo da “Etapa 3.”
Você pode copiar o texto realçando-o e pressionando Control + C ou ⌘ Command + C
Etapa 2. Clique em Layout novamente no Blogger
Ele fica do lado esquerdo do painel do Blogger, logo acima de “Modelo”.
Etapa 3. Clique no botão Adicionar um Gadget onde deseja que o botão apareça
Na maioria dos casos, você deseja que o botão apareça em um cabeçalho ou rodapé
Etapa 4. Selecione HTML / JavaScript
Você terá que rolar um pouco para baixo para encontrá-lo.
Etapa 5. Digite facebook em “Título
”
Etapa 6. Cole o código copiado na caixa “Conteúdo”
Você pode fazer isso clicando na caixa e pressionando Control + V ou ⌘ Command + V.
Etapa 7. Clique em Salvar
Agora você verá uma caixa de gadget chamada “facebook”.
Clique em Visualizar no canto superior direito da página para garantir que o botão apareça onde deveria. Se você não gostar do local, pode arrastar a caixa “facebook” para uma das outras seções em seu layout
Etapa 8. Clique em Salvar arranjo
Está no canto superior direito da tela. Agora, quando alguém gosta do seu blog, pode compartilhá-lo facilmente com todos os seus amigos do Facebook.