Mensagem # 1 | 11:02 AM 2014-04-30
O construtor é uma das formas mais eficientes de editar seu site sem precisar entender as minúcias do código HTML.

Se você quer, no entanto, fazer edições um pouco mais avançadas, adicionar banners de anunciantes externos e coisas assim, é preciso ter ao menos uma noção básica de HTML e como ele interage com o construtor.

Veremos hoje como adicionar o famigerado "Like Button" do Facebook na coluna lateral do seu site no mesmo estilo usado em nosso blog. Para fazê-lo usaremos o construtor e alguns pequenos truques que todo proprietário de site deve saber.

Primeiro vamos encontrar, no Construtor, onde adicionar código HTML nos blocos.

Em seu site-teste (que você DEVE TER) ative o Construtor e, no menu, clique em Adicionar bloco+.



Arraste o novo bloco para o topo da lateral do site e clique no símbolo : nele você encontra o editor de bloco. Para adicionar ou editar código HTML personalizado no bloco, você clica em HTML. É aqui que vamos trabalhar!



A opção de editar o HTML de cada bloco separadamente foi adicionada exatamente para adicionar banners externos, scripts, animações e afins.

Vamos agora obter o código do Social Plugin do Facebook. Entre na página de desenvolvedores do Facebook e clique em Like Box no fim da lista. Entre com a página do facebook que você quer divulgar em seu site, escolha as opções de borda e título que preferir (para um Like Box dentro de um bloco, recomendamos remover o cabeçalho e borda do mesmo) e clique em Get Code:



Onde colocar cada parte do código?

Vejamos:

O primeiro código é responsável pela criação do Like Box e deve aparecer em todas as páginas do site. Se você não estiver usando um template 100% personalizado, no Gerenciador de Design, os blocos globais Parte superior do site e Parte inferior do site sempre carregam em todas as páginas do site. Como o script precisa aparecer antes do próprio Like Box carregar, iremos adicioná-lo na Parte superior do site:



Não se esqueça de clicar em Salvar

O bloco Parte superior do site é o mais recomendado para colocar scripts enquanto o Parte inferior do site é mais indicado para scripts relacionados à contadores como o do Google Analytics.

O segundo código, como descrito na página do Facebook, deve ser colocado onde o Like Box irá aparecer. No nosso caso, ele será colocado no Bloco que criamos via o construtor:



Salve as alterações no bloco e depois clique em Construtor > Salve as alterações.

Recarregue a página e veja o resultado:

Anexos: 5660065.png (47.2 Kb) · 0177735.png (32.5 Kb) · 1891780.png (74.5 Kb) · 0689741.png (63.2 Kb) · 9477043.png (82.6 Kb) · 9240318.jpg (86.4 Kb)