CBBlogers

Dicas Tech

Add This: Compartilhamento de Postagens nas Redes Sociais.

por Graziela Forti em Dicas Tech, Gadget

maio 14, 2015 6

No ano passado eu fiz um post ensinando a utilizar a ferramenta Add This, que é um site que gera ferramentas que ajudam a melhorar o engajamento de conteúdo. Nesse post eu havia feito um tutorial ensinando a colocar o Widget com os ícones dessas redes no rodapé das postagens, para que o seu leitor possa divulgar nas redes sociais os seus posts.

Porém o site mudou, e algumas pessoas pediram para atualizar o post com a nova forma de instalar esses ícones, lembrando que esse tutorial serve somente para quem usa a plataforma do Blogger. Vamos lá então?

Acesse o site, clicando aqui, irá abrir a pagina abaixo:

Add This compartilhamento de postagens nas redes sociais

 

Caso não tenha usuário, você irá se cadastrar e fazer o login. Depois de logado no site, vá na opção Tools.

Add This compartilhamento de postagens nas redes sociais 2

Depois clique em “All Tools” e escolha “Share Tools”. A opção escolhida para criar os botões de compartilhamento é o”Original Sharing Buttons”

Add This compartilhamento de postagens nas redes sociais 3

Depois de escolhido o tipo dos botões aparecerá a pagina abaixo para que escolha as redes sociais que deseja colocar

Add This compartilhamento de postagens nas redes sociais 4

Agora que escolheu as redes sociais que deseja que esteja disponível para compartilhar o post logo abaixo terá um código HTML, conforme o da imagem abaixo:

Add This compartilhamento de postagens nas redes sociais 5

Você irá acessar o seu perfil no blogger e vá até o painel de controle do seu blog. Acesse a opção “Modelo” e clique em “Editar HTML”.  Irá aparecer a pagina com os códigos HTML , você irá clicar em qualquer área do código e apertar as teclas Ctrl+F, irá aparecer a janela no canto da pagina do código com a palavra “Search” ai você irá digitar a tag <body> para encontrá-la dentro dos código HTML do seu blog.

Depois de encontrada a tag , acima dela insira o código Step 1 da imagem.

Salve a alteração e vá à opção “Layout” no seu blog, clique em “adicionar um gadget” e procure pelo gadget “HTML/JavaScript ” (conforme já fizemos em outros tutoriais). Dentro dele cole o código do Step 2.

Pronto! Os ícones já estarão disponíveis no final da postagem. Qualquer duvida,  deixem nos comentários que estarei ajudando.

Beijos,

CBBlogers by Grazi Forti

E não se esqueça de passar no Falando de Feminices e também segui-la aqui no CBBlogers.

Facebook / Twitter Pinterest Instagram

Comentários

  1. Foto de perfil de alexandro

    Botões de compartilhamentos são indispensáveis para qualquer site ou blog. Só lembre de *salvar uma cópia* do seu template antes de modificar o código html!

    Responder
  2. Eu só não entendi qual é a tag que tem que procurar.

    Responder
  3. Boa noite, eu fiz como no tutorial porém eu não consigo colocar dentro da postagem, ele fica abaixo dos comentários. Poderia me ajudar? Obrigada!

    Responder
  4. Também verifiquei que ele fica posicionado em todas as páginas, também na Home.

    Responder

Deixe um comentário

O seu endereço de email não será publicado.


*


#CNB2018 - VÍDEO OFICIAL
  
Pular para a barra de ferramentas