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('http://lh5.googleusercontent.com/-IUnJX0hVrAI/VrnDlK6YRbI/AAAAAAAACec/WFR3ZbHrvWg/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ế  http://lh5.googleusercontent.com/-IUnJX0hVrAI/VrnDlK6YRbI/AAAAAAAACec/WFR3ZbHrvWg/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

Cảm ơn bạn đã đọc bài viết tại
Smobile36 !

Không sử dụng những từ ngữ thô tục, vi phạm thuần phong mỹ tục.
Không chèn liên kết quảng cáo, spam khi đăng nhận xét.
Các bạn có thể thoải mái góp ý cho mình .

Post a comment

Cảm ơn bạn đã đọc bài viết tại
Smobile36 !

Không sử dụng những từ ngữ thô tục, vi phạm thuần phong mỹ tục.
Không chèn liên kết quảng cáo, spam khi đăng nhận xét.
Các bạn có thể thoải mái góp ý cho mình .

Post a Comment (0)

Bài Trước Bài Sau

Oops!! CÓ VẺ NHƯ BẠN ĐANG BẬT CHẶN QUẢNG CÁO

Quảng cáo giúp chúng tôi duy trì website và tiếp tục chia sẻ các thủ thuật đến bạn.

Bạn Vui lòng tắt Adblock hoặc cho Hoàng Trang Pc được phép hiển thị trong công cụ chặn quảng cáo của bạn.Xin Cảm ơn!

×