Modal Pop Up

Pop Up podem ser muito úteis em um blog quando utilizados corretamente e de forma prática. Podem ser utilizados para unir diversas coisas dentro de uma única página, de forma que dimiui o número de links e deixa a navegação mais fácil e rápida. Veja um exemplo de um Modal Pop Up abaixo:
Este modelo de Modal fecha ao apertar no botão de fechamento, fora da caixa do modal ou ao pressionar o botão ESC no teclado. Aprenda a como criá-lo neste tutorial!

1 Vá em Tema > Editar HTML > Clique na caixa de códigos > Aperte Ctrl + F ou F3 > Procure por </body> > Cole o seguinte código acima:

2 Procure por ]]></b:skin> > Cole o seguinte código acima:

3 Faça as alterações necessárias e salve.

4 Vá em Layout > Adicione um Gadget HTML/JavaScript > Cole o seguinte código dentro:

É muito importante que você deixe o link e o código do modal no mesmo gadget.

5 Faça as alterações necessárias e salve.
Compartilhe no Facebook
Compartilhe no Twitter
Compartilhe no Google+

Um comentário, comente também!

  1. Super legal o efeito, muito dinâmico e ajuda na experiencia do usuário.

    ResponderExcluir

• Peça tutoriais em 'Contato'
• Comente com o link do seu blog para que eu posso visita-lo
• Você pode usar as Tags negrito, itálico, links...

Créditos



O Projeto Aurora foi criado completamente, com tutoriais disponíveis no blog, por mim, Alan Felipe Jantz.

Para as postagens 'reblogadas', os créditos do local de origem dos tutoriais está no final da postagem.

Todos os ícones utilizados neste template foram pegos no flaticon.com, todos os direitos reservados para os autores dos mesmos.





Algo que é seu está aqui, mas não foi creditado?
Entre em contato clicando na aba 'Contato' do menu para receber seus créditos!
BouquetNOVO
The Only ExceptionNOVO
Wide AwakeNOVO
Simple BaseNOVO
NatureNOVO
Why so Pink?NOVO
Why So Blue?NOVO