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.

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>

<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>

  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é.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *