
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 == "item"’>
<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 == "item"’>
<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.
Nenhum comentário:
Postar um comentário