Thêm hiệu ứng loading đẹp khi chuyển trang cho blogspot

Hiệu ứng chuyển trang bắt mắt sẽ thu hút người đọc hơn so với hoạt cảnh mặc đinh . dưới đây là các bước giúp bạn thay đổi hoạt cảnh như Smobile36.com đang sử dụng .

Bước 1 . Tìm thẻ ]]></b:skin> trong template sau đó thêm code sau vào trên nó .

#st-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/AVvXsEjPIc6ZNe5ey85WPklWl1ThmTcq9qo7FwMXcDQFVjQQGfHiUxSbuwH71OS-bjVGlVB3a8ANXwEFCfIsFKg6lK55VUTK9298S3UOAGl0jYoO6z61nHje8twpN6sQIj4yErInUkmQpC-3hD0/s1600/loading.gif')
no-repeat 50% 30%;
color: #FFF;
display: none;
font: 0/0 a;
text-shadow: none;
padding: 1em 1.2em;
}

Bạn có thể thay thế https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPIc6ZNe5ey85WPklWl1ThmTcq9qo7FwMXcDQFVjQQGfHiUxSbuwH71OS-bjVGlVB3a8ANXwEFCfIsFKg6lK55VUTK9298S3UOAGl0jYoO6z61nHje8twpN6sQIj4yErInUkmQpC-3hD0/s1600/loading.gif thành link ảnh bất kì nào khác nếu có .

Bước 2. tìm </body> rồi thêm code sau vào bên trên nó

<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="st-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#st-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>

Bước 3. Lưu lại và xem kết quả.

Chúc các bạn thành công