BLOG ĐANG TRONG THỜI GIAN PHÁT TRIỂN, MONG SỰ QUAN TÂM CỦA MỌI NGƯỜI DÀNH CHO BLOG MỚI NÀY CỦA HUNG.PRO.VN

[BLOGGER] TẠO HIỂU ỨNG TẢI TRANG (LOADING) CHO BLOGSPOT

[BLOGGER] TẠO HIỂU ỨNG TẢI TRANG (LOADING) CHO BLOGSPOT
1 min read
Hôm nay mình sẽ hướng dẫn cho mọi người một thủ thuật mình gọi là mới nhưng thủ thuật này có từ rất lâu rồi, nó là một dạng tải dự liệu bài viết để tránh sự nhàm chán cho người xem bài viết đó nhé mọi người. Nếu các bạn thấy hay thì có thể áp dụng ngày cho blog của mình luôn nhé.

Tạo hiệu ứng loading khi chuyển trang cho Blogger.
Bước 1 : Thêm css trong ]]></b:skin> hoặc </style>
#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglKGflfU0he7MP0MESNluV_TTEVsa5J57UJXx15RHBq_MhEFp2Pdrc1P_7npqm14Uo-_VCkGtPcV86nU5gVPC-DzJFIiegl0Yj9vz0KKc-zC8OukyXyOhh5xplwUmNKhp_SjHAos0dtWE/s1600/loading.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}

Bạn có thể thay đổi đường link tải trang bằng hình ảnh bản muốn ở phần link mình bôi đen phía trên nhé.

Bước 2 : Thêm dưới <body>
<div id='cssload'/>


Bước 3 : Thêm trên </body>
<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>

Vậy là xong, các bạn có thể lưu lại và tận hưởng thành quả của mình nhé.
Demo ở trang blog này, bạn chuyển hướng sang xem bài viết khác để xem demo nhé. tks all. Chúc các bạn thành công.

Bạn có thể thích những bài đăng này

  • Hi mọi người, thủ thuật này đã ra mắt từ rất lâu rồi hôm nay rảnh nên mình chia sẽ lại cho anh em sữ dụng với tốc độ tải của tiện ích mình đã tối ưu lại tất cả để phục vụ cho những…
  • Hi mọi người, ngày chủ nhật lang thang trên internet để xem một ích tài liệu liên quan, ai ngờ thấy có bài viết chia sẽ thủ thuật tạo button download cũng đẹp mắt cho người dùng in…
  • Một vài bài đăng trước đây, chúng tôi đã tạo một bài viết về các chuyển hướng tùy chỉnh của Blogger mà bạn có thể chuyển hướng trong blog của mình. Đó là bạn có thể chuyển hướng UR…
  • Xin chào các bạn, ở bài viết trước tôi đã hướng dẫn cho các bạn cách chèn bộ icon tùy chỉnh vào Threaded Comments Blogger, và trong bài viết này chúng ta sẽ tăng lực cho nó bằng vi…
  • Chào mọi người, việc tạo thời gian chờ cho mục download đã được chia sẽ nhiều ở internet, và hôm nay ngồi mày mò code mình cũng tự viết ra được một đoạn code dạng đó. Không dài…
  • Hi mọi người, sau một hồi ngồi làm đẹp giao diện hung.pro.vn mình đã tích hợp thêm tiện ích nhận xét mới nhất trên blog cho người dùng cập nhật nhanh bình luận mới của những người …

1 nhận xét

  1. second ago
    Mọi người cho mình ý kiến nhé, để mình xem xét và tìm nhiều hình ảnh loading đẹp và cập nhật cho mọi người sữ dụng nhé. tks all
Hung Pro Blog @ 2025
Chia sẽ kiến thức và tư duy sáng tạo về nhiều ngôn ngữ lập trình khác nhau. Csharp, Visual Studio, Blogger, HTML, Javascript, CSS..v.v
Developed by Jago Desain