Como colocar animação no blogger enquanto a página carrega
Já entrou em algum site que enquanto a página está carregando aparece uma animação bem bacana? Pois então, hoje vamos ensina-los a deixar o blog de vocês com um efeito parecido. Ao implementar o códigos abaixo em seu tema, aparecerá uma mensagem: "Loading" com um efeito muito bonito, assim como na imagem abaixo.
1. Vá para o Blogger > Modelo > Editar HTLM > e cole o código abaixo antes de ]]></b:skin> ou <style>
2. cole o código seguinde sob <body>
3. Em seguida, cole o seguinte código antes de </body>
4. Feito isso, salve o modelo e veja o resultado.
 |
| Como colocar animação no blogger enquanto a página carrega |
1. Vá para o Blogger > Modelo > Editar HTLM > e cole o código abaixo antes de ]]></b:skin> ou <style>
#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggGjil6LqZQUvCyoJHXPjytcUnBxUtwxJCeNK1WbROJ4vgpqWH0LPKgwHduxDZDp7Jci_PpN-9mm0hjzAPE3FmcCwcl6rQpndW-b-HEMz6ULuSEZJXv42Y3CmXCDB_WExjZ6on3XqDrqg/s1600/loading.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}
2. cole o código seguinde sob <body>
<div id='cssload'/>
3. Em seguida, cole o seguinte código antes de </body>
<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>
4. Feito isso, salve o modelo e veja o resultado.