16.05.2017.

Animirano ucitavanje stranica na blogu

Page Loading Effect na vasem blogu


Page Loading Effect na vasem blogu


Svaki bloger zeli da njegov blog izgleda sto bolje u odnosu na konkurenciju i tako stekne sto veci broj citalaca. Ovaj vidzet ce svakako dodati malo vise ozbiljnosti vasem blogu.

Ovaj vidzet radi tako sto kada vasi posetioci kliknu na bilo koju stranicu, post ili link, kada zeli da napusti trenutnu stranicu, ucitavanje ce biti animirano.

Kako radi ovaj vidzet mozete videti na samom blogu, samo jednostavno kliknite na bilo koji post.

Da biste dodali ovaj efekat na vas blog potrebno je da uradite sledece:

  • Idite na opciju Tema > Izmeni HTML
  • Pronadjite (ctrl+f)  </body>
  • Iznad njega nalepite sledeci kod


<style>
#abt-page-loader {
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#000 url('http://3.bp.blogspot.com/-sW166HTPK4U/UY2kVNdjsFI/AAAAAAAAEHk/fIO-B-mOeCE/s200/load6.gif') no-repeat 50% 30%;
        color: #FFF;
        display: none;
        font: 0/0 a;
        text-shadow: none;
        padding: 1em 1.2em;
}
</style> 
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="abt-page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>


  • Posle dodavanja koda, sacuvajte.
To bi bilo to. :)

0 komentara:

Постави коментар