Tạo hiệu ứng loading khi chuyển trang cho Blogger

Hiệu ứng loading khi chuyển trang cũng khá thú vị giúp người dùng khi lướt blog của bạn không phải chờ đợi 1 cách nhàm chán nhé. Nếu thích các bạn có thể áp dụng ngay hiệu ứng này lun.

Bạn đang xem: Tạo hiệu ứng loading khi chuyển trang cho Blogger

Tạo hiệu ứng loading khi chuyển trang cho Blogger
Tạo hiệu ứng loading khi chuyển trang cho Blogger

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://2.bp.blogspot.com/-gwEckHVvyvM/VnbiQdPPZSI/AAAAAAAADcE/wwKnP62ARpc/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ước 2 :  Thêm dưới <body>

Xem thêm: Tích hợp nút Share Zalo vào blogspot hoặc website chi tiết

<div id='cssload'/>

Bước 3 : Thêm trên </body>

Xem thêm: 3 trang mã hóa – giải mã code mà bạn cần biết

<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>

  Bước 4 : Lưu mẫu lại và kiểm tra lại thủ thuật blogspot đơn giản vừa làm nhé.

Nguồn: https://www.bloghong.com
Danh mục: Thủ Thuật Blogspot