Efeito Carregando No Blogger - Versão #3
Neste tutorial, compartilho com vocês este código que faz com que a tela fique escura a apareça o nome "Carregando". É claro que esse é apenas um dos modelos. Veja também:
Efeito Loading Simples em Jquery no carregamento do blog - Personalizado
Torne-se membro do site, basta clicar no botão abaixo e clicar em Seguir:
Para colocar em seu blog... é bem simples
Entre em "layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código
<style>
#DicasHot-loading {position:fixed !important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs9Ft2Ge0fcMS7BHF8YI6wDKE9QTC0aTKM8Unp2Q8nqDOwSuaHcLHmuL4nY7a1tYdaDqy7b1ntPHdhJGCSGSH1z0CSzb7bKJ9FP-RFA3-Q8TS_YYMwAhrmXBs1-2NNAtz_tGtTNhGKu0Wu/s1600/loading.gif') no-repeat 50% 50%;font:90px Oswald;color:#21514F;text-align:center;padding:1em 1.2em;display:none;}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="DicasHot-loading">Carregando...</div>');
$(window).on("beforeunload", function() {
$('#DicasHot-loading').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>
Tendo colado o código, basta salvar e pronto!!!
