Mensagem Alerta Pop-up

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

Códigos Corrigidos!

botaoAlerta Algumas vezes entramos em sites q exibem mensagens nas caixas padrões com um botão do tipo “Ok” e outro “Cancelar”. Pode ser só um aviso comum ou questionando se queremos continuar naquela ação. Eu não vejo muita utilidade nisso para blogs comuns, mas pode ser interessante em alguns casos específicos como sites de downloads ou de conteúdo restrito ou mesmo para dar algum aviso temporário aos seus visitantes sobre mudanças ou eventos por vir.

 

A vantagem disso é que evita usar janelas pop-up convencionais que irritam os visitantes e muitas vezes são bloqueadas pelo navegador e acaba que o usuário não lê o aviso que vc quer dar.

Encontrei alguns códigos que podem funcionar bem em seu blog, caso queira colocar essas janelas de avisos ou comunicados. Elas podem abrir de muitos modos e serem de vários tipos. Vou mostrar aqui alguns casos. Já aviso que esta será uma postagem um pouco grande e mais complexa que o comum, pois essa é uma ferramenta mais complicada de ser usada e requer muitos cuidados.

 

Vele lembrar sempre: quando quiser modificar algo no código HTML do seu blog, mesmo que seja algo simples, faça backup.

 

Para o aviso aparecer ao entrar na página:

1. Entre em “Layout” e vá em “Editar HTML”. Lá encontre a linha “<body>” no seu código.

2. Abaixo dela coloque o seguinte código com as devidas modificações:

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div id=’subscribe’>

<SCRIPT language="JavaScript" type="text/javascript">alert("texto da mensagem")</SCRIPT>

</div>
</b:if>

3. Salve o modelo e teste.

Este alerta só aparecerá na primeira página do seu blog exibindo o texto que vc definir com um botão de “OK” que fechará o alerta.

 

Para o aviso aparecer ao sair da página:

1. Entre em “Layout” e vá em “Editar HTML”. Lá encontre a linha “<body>” no seu código.

2. Substitua esse código, com as devidas modificações, por:

<body onunload="alert(‘texto da mensagem‘);">

3. Salvar e testar o resultado.

É exatamente como o exemplo acima, mas só abre quando a pessoa sair de sua página.

 

Mensagem de Alerta com Confirmação:

Este é o caso de a pessoa poder rejeitar ou aceitar algo proposto, do tipo se deseja continuar naquela ação ou retornar para outra página. Contém um botão de “OK”  e outro de “Cancelar”.

1. Entre em “Layout” e vá em “Editar HTML”. Lá encontre a linha “<body>” no seu código.

2. Abaixo dela coloque o seguinte código com as devidas modificações:

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div id=’subscribe’>

<script language="javascript">
function confirmation() {
var answer = confirm("Mensagem de aviso")
if (answer){
alert("Aviso de confirmação da ação")
}
else{
window.close()
}
}

confirmation()
</script>

</div>
</b:if>

3. Salve e faça o teste.

 

Antes de tornar definitiva as mensagens, faça vários teste e veja como ficará o resultado final. Não use mais do que uma mensagem de alerta em seu site e só por um período determinado. As pessoas não gostam de sites ou blogs pouco objetivos e que atrapalham sua navegação ou demoram para encontrar o que precisam. Pior ainda se for pra ficar dizendo o que devem ou não fazer.

.

14 Comentários

  1. Sim, uma ferramenta dessas é muito interessante e eu usei uma para deixar durante um tempo uma mensagem de despedida em meu blog. Achei legal porque a pessoa só via quando já tava indo embora.

    Responder

  2. Gostaria de saber se tem como colocar esse script em um link.

    Tipo, vc clica em um link do blog e aparecer uma mensagem como esta, tem como ? se tiver como posso fazer isso ?

    obrigado.

    Responder

  3. Realmente havia erros nos códigos que não funcionavam como deveriam.
    Agora os erros foram corrigidos e os códigos revisados…

    Está funcionando perfeitamente!

    Responder

    • Ao salvar o modelo, aparece mensagem de erro, o blogger não salva as alterações…
      O Erro está na segunda linha do código, segundo o blogger…

      Responder

  4. Marcos,
    O que ocorre com o código? Li nos comentários que você já havia corrigido os erros, mais eu coloquei na minha página e em qualquer página que o visitante clique a mensagem esta aparecendo. Queria que a mensagem aparecesse apenas na página inicial e não nas páginas internas.

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.