Como colocar botões de mídia social em um blog do Tumblr

click fraud protection

Qualquer um com um Conta Tumblr pode compartilhar conteúdo com outros usuários pressionando o Botão Curtir a, Botão Reblog, ou o Botão enviar em uma postagem de blog específica no painel do Tumblr.

Esses botões integrados permitem que você compartilhe conteúdo dentro das paredes virtuais da rede Tumblr; no entanto, eles não oferecem a flexibilidade de compartilhar conteúdo de um blog do Tumblr baseado na web em qualquer outro grande site de mídia social, como Facebook ou Twitter.

Se você deseja adicionar botões de compartilhamento adicionais ao seu blog do Tumblr para que pareça um blog real, você pode pagar por um tema premium que vem equipado com botões ou faça o trabalho você mesmo, copiando e colando algum código em seu blog do Tumblr modelo.

Adicionar apenas uma faixa de código na seção certa dos documentos HTML do seu tema colocará botões de mídia social automaticamente em cada postagem de blog publicada anteriormente e em todas as postagens de blog futuras.

Não se preocupe, é mais fácil do que você pensa. Veja como fazer.

instagram viewer

Inscreva-se ou faça login em sua conta do Tumblr para criar ou acessar seu blog

Se você ainda não criou um blog do Tumblr ou mesmo se inscreveu para uma conta, a primeira coisa que você precisa fazer é visitar Tumblr.com onde será solicitado que você insira seu endereço de e-mail, senha e URL do blog desejado para começar.

Se você já tem uma conta e um blog, basta fazer login.

Escolha seus botões de mídia social

Faça uma pesquisa no Google pelos botões de compartilhamento de rede social que deseja colocar no seu blog do Tumblr. A maioria (senão todas) das principais redes sociais têm páginas de ajuda dedicadas que mostram como configurá-las.

Para sua conveniência, aqui estão algumas páginas oficiais de botão de compartilhamento de algumas das redes sociais mais populares:

  • Botão Curtir oficial do Facebook
  • Botão oficial de tweet do Twitter
  • Botão oficial de compartilhamento do LinkedIn
  • Botão Salvar oficial do Pinterest

Algumas redes sociais permitem que você faça personalizações em seus botões, incluindo alterações no tamanho do botão, texto de título adicional, Estrutura de URL, opção de contagem de compartilhamento e configurações de idioma. Nem todas as redes sociais permitirão que você faça isso, mas para aquelas que permitem, o trecho de código mudará de acordo com como você o configurou.

Tente evitar incluir muitos botões em seu blog, pois isso pode fazer com que a aparência de suas postagens pareça desordenada e confusa para os leitores que desejam compartilhar seu conteúdo.

Considere colocar no máximo cinco ou seis botões de mídia social abaixo de cada postagem do blog, mas menos provavelmente é melhor.

Personalize seus botões e pegue o código

Siga as instruções na página do botão de compartilhamento da rede social para personalizar seu botão, se necessário. Quando terminar, você receberá uma string de código necessária para o seu blog do Tumblr.

Copie e cole em uma palavra em branco ou documento de texto. Faça isso para todos os botões que desejar, de modo que você tenha cada sequência de código do botão pronta para usar.

Acesse o código do seu tema Tumblr

Volte para o painel do Tumblr. Clique no ícone de pessoa no menu superior direito e clique em Editar aparência no menu suspenso do blog correspondente (se você tiver vários blogs).

Na página seguinte, clique no Botão Editar tema. Seu blog será aberto no modo de visualização no lado direito da tela com um editor à esquerda.

Clique Editar HTML no editor à esquerda, abaixo do rótulo do tema personalizado. O editor se expandirá para mostrar todo o código do seu tema.

Indivíduos que não têm experiência em trabalhar com HTML, PHP, JavaScript e outros códigos de computador podem se sentir intimidados ao olhar para esta seção. O importante a lembrar é que você não escreverá nenhum código novo.

Tudo que você precisa fazer é colocar o código do botão dentro dos documentos do tema, o que você verá como fazer nas próximas seções.

Pesquise no código do seu tema

A única linha de código que você precisa encontrar é a linha que diz: {/ bloquear: Postagens}.

Esta representa o final da postagem do blog e geralmente pode ser encontrado próximo à seção inferior dos documentos do tema, dependendo de qual tema do Tumblr você está usando. Se tiver dificuldade em encontrar essa linha de código apenas navegando por ela, você pode tentar usar o Ctrl + F / Cmd + F atalho de teclado ou, alternativamente, clique no ícone de engrenagem no canto superior esquerdo da tela, clique em Encontre e substitua e então digite {/ bloquear: Postagens} no Pesquisar por campo.

A função de pesquisa irá encontrar e destacar automaticamente {/ bloquear: Postagens} em seu código de tema.

Cole o código do botão no código do seu tema

Copie o código do botão personalizado que você criou e cole-o diretamente antes da linha de código que diz: {/ bloquear: Postagens}.

Isso informa ao tema do blog para exibir os botões de mídia social na parte inferior de cada postagem do blog.

Clique Antevisão da Atualização e então clique no botão azul Salvar no topo do editor.

Teste seu blog do Tumblr para ver seus novos botões de compartilhamento social

Você chegou à parte divertida. Se você colocou corretamente o código do botão dentro do código do tema, seu blog Tumblr deve exibir o botões de compartilhamento de sua escolha na parte inferior de cada postagem individual e também em cada postagem mostrada na página principal alimentação.

Você pode clicar neles para compartilhar facilmente suas postagens do Tumblr em outras redes de mídia social.

  • Cole o código do botão dentro de seus documentos de tema sempre que alterar o tema do seu blog para um novo tema. Alterar o tema não transferirá o código colado anteriormente para os novos documentos do tema.
  • Ao colocar mais de um botão de mídia social em seu blog, certifique-se de que não haja espaços ou novas linhas entre dois trechos diferentes de código de botão. Isso garantirá que vários botões sejam exibidos horizontalmente um ao lado do outro, em vez de serem exibidos verticalmente em linhas diferentes.
  • Experimente colocar os snippets de código para os botões sociais antes de outros elementos {/ block:. Dependendo do seu tema, você pode notar que os botões aparecem na parte inferior da página do blog, depois de todas as notas de outros usuários do Tumblr.
instagram story viewer