Skip to main content

Tumblr Blog Tutorial sobre como adicionar botões de mídia social

Things Mr. Welch is No Longer Allowed to do in a RPG #1-2450 Reading Compilation (Abril 2025)

Things Mr. Welch is No Longer Allowed to do in a RPG #1-2450 Reading Compilation (Abril 2025)
Anonim

Qualquer pessoa com uma conta no Tumblr pode compartilhar conteúdo com outros usuários pressionando o botão Como botão a,Botão Reblog ou o Botão Enviar em uma postagem de blog particular no painel do Tumblr.

Esses botões integrados permitem que você compartilhe conteúdo dentro das paredes virtuais da rede do Tumblr; no entanto, eles não oferecem a flexibilidade de compartilhar conteúdo de um blog do Tumblr baseado na Web BlogName.Tumblr.com ) em quaisquer outros grandes sites de mídia social como Facebook, Twitter, Google+ ou outros lugares.

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

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

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

01 de 07

Cadastre-se ou faça o login na sua conta do Tumblr para criar ou acessar o seu blog

Se você ainda não criou um blog do Tumblr ou se inscreveu para uma conta, a primeira coisa que você precisa fazer é visitar Tumblr.com, onde você será solicitado a digitar 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.

02 de 07

Escolha seus botões de mídia social

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

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

  • Botão oficial do Facebook Like
  • Twitter oficial do botão Tweet
  • Botão oficial de compartilhamento do LinkedIn
  • Botão oficial do Google+ Share
  • Botão oficial do Pinterest Salvar

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

Tente evitar incluir muitos botões em seu blog, pois isso pode fazer com que a aparência de suas postagens pareça confusa 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.

03 de 07

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. Uma vez terminado, você deve receber uma seqüência de código que você precisará 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 desejados, para que você tenha a seqüência de código de cada botão pronta para ser usada.

04 de 07

Acesse seu código de tema do Tumblr

Volte para o seu 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 será expandido para mostrar todo o código do seu tema.

Indivíduos inexperientes no trabalho com HTML, PHP, JavaScript e outros códigos de computador podem se sentir intimidados ao olhar para esta seção. O importante é lembrar que você não estará escrevendo nenhum código novo.

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

05 de 07

Pesquise através do seu código de tema

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

esterepresenta o final do post do blog e geralmente pode ser encontrado perto da seção inferior dos documentos do tema, dependendo do tema do Tumblr que você está usando. Se você tiver dificuldade em encontrar essa linha de código apenas navegando por ela, tente 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 depois digite {/ block: Posts} no Pesquisar por campo.

A função de pesquisa irá encontrar e destacar automaticamente{/ block: Posts} no seu código de tema.

06 de 07

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

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

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

Clique Atualizar visualização e depois clique no botão azul Salvar no topo do editor.

07 de 07

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 seu código de tema, seu blog do Tumblr deve exibir os botões de compartilhamento de sua escolha na parte inferior de cada postagem individual e também em cada postagem mostrada no feed principal.

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

Dicas:

  • Cole o código do botão dentro dos documentos do tema toda vez que você alterar o tema do seu blog para um novo tema. A alteração do tema não transferirá o código colado anteriormente para os novos documentos de 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 ao lado um 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 {/ block: elements também. 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.