domingo, 26 de julho de 2015

Efeito carregamento no blogger como Adicionar

loading-blogger-effect-page-transition


Loading blog é um efeito muito divertido para seu blogger da um efeito profissional de transação então isso vai dar cair muito bem para os seus visitantes com efeito blur  vamos ao passo para adicionar esse efeito.


Como adicionar:

Faça login no blogger procure por modelo >> editar html
Com a tecla CTRL+F e procure por </head>
e um pouco antes disso cole o seguinte código

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

Nota se você ja tiver jquery instalado ignore essa etapa para não dar conflito

Siga ao passo 2
Copie o código CMS E cole um pouco antes de </head>

<style> /* LOADING HALAMAN */ #loadingHalaman { background:url(https://lh5.googleusercontent.com/-FjPBmaz4eZ0/VHPOQKFFodI/AAAAAAAAGA4/A64qYQ7YaMs/s1600/dark-loading.gif) no-repeat center; background-color:rgba(0, 0, 0, 0.32); width:100%;height:100%; position: fixed; left: 0px; top:0px; z-index: +100000; } </style>

Passo  3 
Procure por </body> logo após isso copie e cole o código abaixo

<div id="loadingHalaman"></div>

Passo 4 

Agora procure por</body>
e então antes disso copie e cole o código abaixo:

<script>
//<![CDATA[
//Loading Halaman
$(window).bind("load", function() {
    $('#loadingHalaman').slideUp(1000);
});
//]]>
</script>

Agora clique em salvar e pronto


NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner