como adicionar ícones de mídia Social ao Blogger

neste tutorial, mostrarei como adicionar ícones de mídia social ao seu blog do Blogger. Este tutorial inclui ícones de mídia social gratuitos para você começar.

devido às mudanças recentes com o Photobucket cobrando US $400 por ano para usar o serviço deles, atualizei este tutorial mostrando como hospedar suas imagens por meio de sua própria conta do Blogger.

Freebies para você baixar

certifique-se de baixar esses ícones de mídia social gratuitos para o seu blog clicando no link a seguir. Nenhuma inscrição é necessária. Clique aqui para baixar os ícones.

ícones de mídia social gratuitos

como iniciar um BLOG: antes de entrar no tutorial, se você estiver interessado em começar um blog de ganhar dinheiro, o Bluehost tem muito! Obtenha um nome de domínio gratuito, instalação automática do WordPress e um certificado SSL gratuito por apenas US $3,95 por mês (clique aqui).

como adicionar ícones de mídia Social ao Blogger

no Blogger, crie uma nova postagem e envie seus ícones de mídia social para a postagem.

CARREGAR ÍCONES

Depois de fazer upload de suas imagens, se solicitado, selecione a seguinte:

  • alinhamento da Imagem: None
  • Tamanho da Imagem: tamanho Original
TAMANHO ORIGINAL

Passo #2

Selecione “HTML” guia. Depois de fazer isso, você verá os links de imagem para cada um dos seus ícones de mídia social (destacei o link abaixo). Deixe esta janela aberta.

 código HTML

Passo #3

Abra uma nova guia. No painel do Blogger, selecione ” Layout.”

LAYOUT

Etapa #4

selecione “Adicionar um Gadget” na área “barra lateral direita” e escolha o gadget “HTML/JavaScript”.

sidebar-gadget
caixa HTML

Passo #5

na caixa “HTML/JavaScript”, cole o seguinte código (faça isso para cada ícone de mídia social):

COLE o CÓDIGO

<a href=”URL Aqui”><img src=”Imagem Link Direto Vai Aqui” /></a>

Passo 6 #

Cabeça de volta para o editor de postagem, onde você carregou seus ícones de mídia social. Copie o link da imagem para um de seus ícones (como visto na Etapa 1).

Passo #7

voltando ao seu gadget “HTML / JavaScript” no Blogger, cole o link da imagem onde diz “link direto da imagem vai aqui” (faça isso para cada ícone de mídia social e mantenha-o entre aspas). Deve ser algo assim:

< a href=”URL Goes Here” > < img src=”https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png” /></a>

Passo # 8

agora é hora de adicionar em suas URLs de mídia social. Deixando o gadget” HTML/JavaScript ” aberto, em uma nova janela ou guia, vá para o seu perfil de mídia social e copie o URL do seu perfil.

Passo # 9

agora, de volta ao gadget “HTML/JavaScript”, cole seu URL onde diz “URL Goes Here” (faça isso para cada ícone de mídia social e mantenha-o entre as aspas).

Passo #10

Selecione “Salvar” quando terminar. O código finalizado deve ser algo assim:

<a href= ” https://www.facebook.com/BeautifulDawnDesigns”><img src=”https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png” /></um>

Sinta-se à vontade para excluir o rascunho da postagem que você criou.

Nota: Se você estiver usando um botão de E-mail, coloque mailto:youremailaddresshere entre as aspas onde diz URL vai aqui.

Leave a Reply

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