Thủ Thuật Blogger - Thêm Hiệu Ứng Loading Đẹp Cho Blogspot

Demo

- Hướng dẫn:- Tìm thẻ ]]></b:skin> trong template và thêm code này sau nó.- Code: 

#stuan-loader {

position: fixed!important;

top: 0;

right: 0;

bottom: 0;

left: 0;

z-index: 9999;

background:#0C0C0C

url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglibhra8R3pyA7MM3iTW5QY_fdDhTq2KHe4z7xbfildpSga2zPw0aFChRBy7jaJ1c1R68PHO1PBQPnXEtDiPT4_fzOcpRVmiqkd6LusdrYoDejs92E0C-1pyQqeha_MXP25p19aYdRQ7g/s1600/loading.gif')

no-repeat 50% 30%;

color: #FFF;

display: none;

font: 0/0 a;

text-shadow: none;

padding: 1em 1.2em;

}

* Lưu Ý: Bạn có thể thay link "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglibhra8R3pyA7MM3iTW5QY_fdDhTq2KHe4z7xbfildpSga2zPw0aFChRBy7jaJ1c1R68PHO1PBQPnXEtDiPT4_fzOcpRVmiqkd6LusdrYoDejs92E0C-1pyQqeha_MXP25p19aYdRQ7g/s1600/loading.gif"thành link gif bạn muốn hiển thị.
- Chèn đoạn code dưới đây trước thẻ đóng </body>

<script type='text/javascript'>

//<![CDATA[

$(document.body).append('<div id="stuan-loader">Loading...</div>');

$(window).on("beforeunload", function() {

    // ... Show the Animation `.fadeIn()`

    $('#stuan-loader').fadeIn(1000).delay(6000).fadeOut(1000);

});

//]]>

</script>
- Lưu lại và xem kết quả, Chúc Bạn Thành Công !
Nguồn: Trương Ngọc Tuấn