Lua Horóscopo Virtual Horóscopo Virtual Not Responsive Close Facebook

grátis no seu site

Exemplos de tamanhos

  • 12
  • 12
  • 6
  • 6
  • 4
  • 4
  • 3
  • 3
  • 2
  • 2

colunas

Personalize

Cor

Fonte

Largura

?

Largura automática, também conhecido como layout responsivo, é quando o site se encaixa automaticamente na tela do dispositivo que o usuário está utilizando (PC, celular, tablet, etc).

Um site responsivo muda a sua aparência e disposição com base no tamanho da tela em que está sendo exibido. Logo, se o usuário tem um dispositivo com tela pequena, assim como uma tela grande, os elementos se reorganizam para que fiquem dispostos de maneira correta.

Escolha o tipo de código

Ajusta automaticamente a largura e a altura ao espaço disponível. Use quando seu site permitir JavaScript.

Código copiado para a área de transferência!

Como instalar o widget no seu site

Personalize o widget acima e escolha uma das opções abaixo. As previsões são atualizadas automaticamente; você não precisa trocar o código todos os dias.

Wix: incorporar pelo endereço do site
  1. Escolha as cores, a fonte e o tamanho do widget nesta página.
  2. Se for seu primeiro acesso, preencha o formulário para liberar a cópia.
  3. No editor do Wix, clique em Adicionar elementos → Incorporar código. Escolha Incorpore um site ou HTML incorporado, conforme a opção disponível no seu editor.
  4. Abra as configurações do elemento, escolha Endereço do site e cole o link copiado. Use o endereço HTTPS completo.
  5. Ajuste a largura e a altura da caixa no Wix até aparecerem todos os signos. Confira também o editor mobile: ele pode precisar de um tamanho diferente.
  6. Visualize e publique o site. Se o widget ficar cortado, aumente a altura da caixa de incorporação.

Importante no Wix: ajuste o tamanho da caixaO conteúdo se reorganiza dentro da caixa, mas não consegue aumentar sozinho a altura do elemento do Wix. O tamanho da caixa precisa ser ajustado no editor.

Editor Wix: menu Incorporar código, com destaque para HTML incorporado
1. Adicione um elemento de incorporação. Toque na imagem para ampliar.
Configurações do Wix: opção Endereço do site com a URL do widget e a prévia ao lado
2. Selecione Endereço do site e cole o link personalizado.

Os nomes dos menus podem variar entre versões do editor. Veja também a ajuda oficial do Wix.

WordPress: bloco HTML personalizado
  2. Edite a página ou publicação, adicione um bloco HTML personalizado e cole o código. Não use os blocos Código ou Parágrafo: eles podem mostrar o código como texto.
  3. Salve e confira a página publicada, no computador e no celular. Alguns editores não executam scripts na prévia.

WordPress com hospedagem própria: use uma conta com permissão para inserir scripts. Em construtores visuais, procure o elemento HTML.

Atenção ao plano e às permissões no WordPress.comScripts e iframes dependem dos recursos de hospedagem habilitados e do plano. Se o código for removido ao salvar, confira as permissões. Se não puder incorporar, use a opção Link/Bio em um botão ou link.

Ajuda do WordPress.com · Ajuda do WordPress.org

Outros sites: JS, iframe ou link?

JS — recomendado: cole no HTML da página, no ponto em que o widget deve aparecer. O carregador ajusta a largura e a altura automaticamente. Evite inserir apenas no cabeçalho global do site.

Iframe: a altura precisa ser ajustadaUse em um bloco que aceite HTML incorporado. A largura pode acompanhar o espaço disponível, mas a altura é definida em pixels. Ajuste a altura no código ou no editor se os signos ficarem cortados.

Link/Bio: coloque o endereço em um botão, menu ou bio de rede social. Ao clicar, a pessoa abre o widget; não é necessário instalar código.

O widget está cortado, não aparece ou mostra o código como texto
  • Signos cortados: aumente a altura do iframe ou da caixa no editor. Se o espaço ficar mais estreito, os signos ocupam mais linhas.
  • Espaço em branco: reduza a altura da caixa ou do iframe, mantendo os 12 signos visíveis. Teste a página publicada.
  • Código aparecendo como texto: cole em um bloco HTML personalizado ou de incorporação.
  • O código some ao salvar: verifique se sua plataforma, plano e usuário permitem scripts ou iframes. Experimente a opção Link/Bio.
  • Diferente no celular: revise também a largura e a altura no modo mobile do seu editor.
Insira seu código de afiliado Hotmart para receber comissões sobre todas as vendas geradas pela divulgação do Mapa Astral Premium através do widget. Lembre-se, é necessário um convite para se tornar afiliado deste produto. Saiba mais em nossa página de afiliados.
Conheça nosso programa de afiliados do Mapa Astral Premium

Código copiado para área de transferência